Thursday, September 27, 2018

HTML Tree / Document Object Model (DOM) dan penulisan HTML

Jika diperhatikan, tag-tag yang ada pada HTML memiliki struktur tersendiri. Stuktur ini biasa
disebut HTML tree (pohon HTML) atau istilah kerennya Document Object Model (DOM).
Sesuai dengan istilah tersebut, kode-kode HTML dapat diibaratkan seperti pohon, dimana setiap
tag saling terhubung satu sama lain. Agar lebih mudah dipahami, perhatikan gambar diagram
dibawah ini.


Diagram diatas adalah struktur DOM dari kode HTML halaman hello_world.html yang kita
bahas sebelumnya. Tag paling atas, yakni tag <html> disebut sebagai tag “akar” (root) karena
seluruh kode HTML lain harus berada di dalam tag ini. Konsep struktur DOM ini sangat penting
untuk dipahami, terutama sebagai dasar ketika mempelajari JavaScript.
Selain sebagai “pohon”, diagram diatas juga bisa dibaca seperti diagram keluarga. Sebagai contoh,
tag <head> dan tag <body> berada persis dibawah tag <html>. Oleh karena itu, tag <head> dan tag
<body> disebut sebagai “anak” (child) dari tag <html>, dan tag <html> disebut sebagai “induk”
(parent). Begitu juga dengan tag <h1> dan <p> yang merupakan anak dari tag <body>.
Contoh diagram DOM yang kita bahas disini adalah versi sederhana dari kode HTML yang
sebenarnya. Untuk halaman yang lebih kompleks, diagram diatas bisa mencapai 10 tingkatan
atau lebih.

Aturan Dasar Penulisan HTML

No comments:

Post a Comment

Silahkan komentar dengan baik dan sesuai dengan topik...!

CONTOH KASUS KEJAHATAN KOMPUTER BEDARSARKAN PASAL UU ITE

1) Undang-Undang Nomor 11 Tahun 2008 Tentang Internet & Transaksi Elektronik (ITE) Undang-undang ini, yang telah disahkan dan diundang...