My Ping in TotalPing.com

Sabtu, 17 November 2012

Persiapan & Tutorial Belajar HTML

Oke beroo, kita lanjutkan pembahasan HTML, kita bahas HTML yang ringan-ringan saja ya broo, biar mudah memahaminya,,tak perlu basa-basi lagi..langsung saja kita "tunjep point" ehh..maksudnya to the point gitu loh broo..haha


<html>
<head>
<title>Percobaan pertama</title>
</head>
<body>
Ini adalah sebuah percobaan pembuatan sebuah dokumen HTML yang pertama
</body>
</html>


Contoh di atas adalah contoh dari sebuah dokumen HTML .nah.. jika belum paham sama contoh dokumen HTML di atas klinik-it akan menjelaskannya secara rinca dalam postingan berikutnya yaitu postingan Tag Per Tag . Sebelum, sobat memulai belajar silakan sobat buat dahulu sebuah folder pada Local Disk D komputer sobat,dengan cara klin My Computer Kemudian Klik Local Disk D ketika sudah masuk pada jendela Local Disk D silakan sobat klik kanan kemudian pilih menu NEW Kemudian Pilih Folder Lalu beri nama Folder dengan Belajarweb


Nahhh...inilah tutorialnya broo.. 
untuk membuat sebuah dokumen HTML diperlukan editor teks, nah.. yang kita gunakan kali ini adalah Editor teks NOTEPAD,Ya sudah langsung aja yuq kita mulai membuat dokumen HTML .silakan ikuti langkah-langkah berikut.

1.Klik Logo Windows yang ada di kiri bawah layer monitor computer sobat.

2.Klik ALL PROGRAM.

3.Pilih Accessories.

4.Kemudian Pilih Menu NOTEPAD.

5.Kemudian Ketikan Tag Contoh susunan dokumen HTML Di bawah ini,sobat juga bisa merubah teksnya sesuai dengan keinginan sobat.

<html>
<head>
<title>Belajar membuat dokumen Html</title>
</head>
<body>
Ini adalah sebuah dokumen Html
</body>
</html>

Contoh diatas merupakan dokumen HTML Tanpa Tag Paragraf,Apa maksudnya tanpa tag paragraph ? Dokumen Tanpa tag paragraph berarti Tampilan dokumen di atas akan tampil pada web browser seperti aslinya,tanpa pindah baris walawpun teks dipisah-pisah,jadi dokumen tersebut akan tampil seperti lurus dan menyambung.

6.Jika sobat sudah membuat dokumen HTML dalam NOTEPAD silakan Save Dokumen tersebut.Dengan Cara :

-Klik Menu FILE.

-Klik Menu Save As.

-Kemudian Pilih ALL FILES pada Pilihan SAVE AS TYPE,Kemudian tuliskan nama dokumen dengan coba1.html

Untuk Melihat Hasilnya silakan sobat Klik Kanan File Tersebut Kemudian Klik Open With kemudian Pilih Mozilla Firefox .

Selamat Mencoba, semoga sukses. To Be Continue....wait...!!!!

Tidak ada komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...