Mengenal Struktur Dasar HTML

Kuy kita Mengenal Struktur Dasar HTML. Assalamualaikum sobat semua, setelah pada materi sebelumnya kita telah membahas Pengertian Tag, Elemen, dan Atribut pada HTML, pada kali ini kita akan membahas tentang struktur dasar HTML. Kuy kita mulai pembahasannya.

Struktur Dasar HTML

Seperti yang kita tahu, HTML adalah bahasa dasar dalam pembuatan tampilan website, Setiap halaman HTML setidaknya memiliki struktur dasar yang terdiri dari : Tag DTD atau DOCTYPE, tag html, tag head, dan tag body. Inilah yang merupakan struktur paling dasar dari HTML.

Kuy simak skrip kode di bawah ini


<!DOCTYPE html>



<html>



<head>

<title> Kuy Belajar HTML </title>

</head>




<body>

Saya Lagi Belajar HTML Nih

</body>

</html>

Silahkan sobat copy-kan skrip di atas ke teks editor sobat, lalu simpan dengan ektensi .html
maka dokumen yang akan di hasilkan adalah sebagai berikut:

Pengertian DTD atau DOCTYPE

DOCTYPE adalah suatu deklerasi yang digunakan untuk mengidentifikasi jenis dokumen HTML yang digunakan sehingga browser dapat menentukan bagaimana memperlakukan kode tersebut.

DOCTYPE sendiri berguna untuk memberitahu programer, HTML versi berapa yang digunakan dan juga membantu programer untuk dapat menggunakan tag-tag HTML dengan benar.

Jenis-jenis DTD atau DOCTYPE

Berikut ini adalah jenis-jenis DocType pada HTML yang bisa sobat gunakan.

DOCTYPE Pada HTML 5


<!DOCTYPE html>

DOCTYPE Pada HTML 4.01 Strict

DTD ini berisi semua elemen HTML dan atributnya, tapi TIDAK TERMASUK presentasional (seperti font). Framesets tidak diperbolehkan.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

DOCTYPE Pada HTML 4.01 Transitional

DTD ini berisi semua elemen HTML dan atributnya, TERMASUK presentasional dan elemen lama (seperti font). Framesets tidak diperbolehkan.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

DOCTYPE Pada HTML 4.01 Frameset

DTD ini sama dengan HTML 4.01 Transitional, tapi memungkinkan penggunaan Frameset.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict

DTD ini berisi semua elemen HTML dan atributnya, tapi TIDAK TERMASUK presentasional (seperti font). Framesets tidak diperbolehkan. Markup juga harus ditulis sebagai well-formed XML.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional

DTD ini berisi semua elemen HTML dan atributnya, TERMASUK presentasional dan elemen lama (seperti font). Framesets tidak diperbolehkan. Markup juga harus ditulis sebagai well-formed XML.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset

DTD ini sama dengan XHTML 1.0 Transitional, namun memungkinkan penggunaan Frameset.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1

DTD ini sama dengan XHTML 1.0 Strict, tetapi memungkinkan Kamu untuk menambahkan modul (misalnya untuk memberikan dukungan ruby untuk bahasa Asia Timur).


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Tag <HTML>

Ini adalah tag pembuka dari keseluruhan halaman web. Semua kode HTML akan berada di dalam tag ini. Tag html dimulai dengan <html> dan diakhiri dengan </html>

Tag <Head>

Elemen pada tag <head> umumnya akan berisi berbagai definisi halaman, seperti kode CSS, JavaScript, dan kode-kode lainnya yang tidak tampil di browser.

Tag <Title>

Tag <title> dalam contoh kita digunakan untuk menampilkan title dari sebuah halaman web, dan biasanya ditampilkan pada bagian paling atas web browser.

Tag <Body>

Tag <body> akan berisi semua elemen yang akan tampil dalam halaman web, seperti paragraf, tabel, link, gambar, dll. Tag body ini ditutup dengan </body>. Sebagian besar waktu kita dalam merancang web adalah di dalam tag <body> ini.

Perhatikan bahwa setiap tag akan diakhiri dengan penutup tag. Termasuk <html> yang merupakan tag paling awal dari sebuah halaman web.

Itulah dia pembahasan kita tentang struktur dasar HTML, Sebenarnya pada dokumen HTML masih banyak sekali tag yang bisa di gunakan, tapi ke empat tag itu lah yang menjadi pondasi sebuah dokumen HTML, saya kira cukup sampai disini dulu pembahasan kita pada kesempatan kali ini. "Singkat, Semoga Bermanfaat" Keep Coding!

Kuy ke materi selanjutnya: Cara Membuat Paragraf dan Pemformatan Teks di HTML