Cyber Space INA: Struktur dasar doc HTML

Struktur dasar doc HTML

Element HTML dimulai dengan tag awal, yang diikuti dengan isi elemen dan tag akhir. Tag berakhir termasuk simbol / diikuti oleh tipe elemen, misalnya </HEAD>. Sebuah elemen HTML dapat bersarang di dalam elemen lainnya. Sebuah dokumen HTML standar terlihat seperti ini :

 <html>
 <head>
  <title> Ini judul dokumen HTML </title>
 </head>
 <body>
          Teks ini adalah teks yang muncul di Body dari dokumen
 </body>
</html>

Kode diatas penulis beri indetasi untuk membuat program bisa terbaca lebih jelas, tapi HTML sebenarnya mengabaikan indentasi ini (sering juga disebut spasi atau whitespace). Jadi tidak wajib untuk anda membuat indentasi di kode Anda sendiri.

Dokumen HTML terdiri dari usur HTML, ditandai dengan tag <html> awal dan diakhiri dengan tag html penutup berupa </html>. Dokumen HTML biasanya memiliki HEAD dan elemen BODY. HEAD ini di dalamnye berisi judul atau <title>. Judul nantinya muncul di bagian title bar dari browser.

Anda bisa mengetikkan kode HTML di atas menggunakan sembarang editor teks. Yang paling mudah adalah menggunakan Notepad yang merupakan aplikasi bawaan dari MS Windows.

Setelah mengetikkan, Anda bisa langsung menyimpan teks menjadi kode HTML menggunakan cara berikut:

Buka editor teks yang anda pakai, kemudian pastikan kode yang anda semuanya sudah benar. Di tutorial ini, penulis menggunakan editor teks Notepad++ karena memiliki fasilitas syntax highlight yang memudahkan pemrograman.

Pengetikan kode HTML di Notepad++
Klik CTRL + S atau file > Save untuk menyimpan.

Save as type
Muncul jendela save as, pilih All files di combobox save as type.
Isikan nama file HTML di file name.
Untuk melihat hasilnya di browser, anda bisa klik dua kali pada file HTML, hasilnya, tampilan akan menjadi seperti berikut ini.

Tampilan akan terlihat seperti berikut ini

Sekian,semoga bermanfaat & terima kasih sudah membaca artikel saya kali ini :)

Comments

Struktur dasar doc HTML

Share this

Author : Unknown

Related Posts