Pembelajaran HTML 04 Tree Khusus Pemula 2022
Semangat belajar yang kalian, tak disangka sudah masuk ke pembelajaran ke 4. Artikel ini sebenarnya masih saling berkaitan dengan postingan sebelumnya yaitu Pembelajaran HTML 03 Pengenalan Struktur Dasar. Pada artikel ini akan digambarkan mengenai html tree atau DOM (Document Object Model), jadi kode-kode html mirip seperti sebuah pohon yang terstruktur. Lebih jelasnya kalian bisa membacanya dibawah.
Yuk Kenali HTML TREE
Coba kamu ingat-ingat lagi pada materi sebelumnya dan kamu perhatikan, bahwa tag-tag yang ada pada HTML memiliki struktur tersendiri. Struktur tersebut ini biasa disebut HTML tree (pohon HTML) atau istilah kerennya Document Object Model (DOM)
Seperti penyebutannya, kode-kode HTML dapat disebut seperti sebuah pohon, dimana setiap tag saling terhubung satu sama lain. Biar kamu lebih paham lagi ini ada gambarnya dibawah:
Seperti pada gambar diagram diatas adalah struktur DOM dari kode HTML halaman halo.html yang kita pelajari pada Pembelajaran HTML 03 Pengenalan Struktur Dasar. Pada tag paling atas, yaitu tag <html> bisa dikatakan sebagai tag "akar" (root) dikarena seluruh kode HTML lain harus berada di dalam tag ini bisa dikatakan "Terbungkus". 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" (family). 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 tampilan diagram yang lebih lengkapnya bisa mencapai 10 tingkatan atau lebih dari gambar yang saya buat diatas.
Pembelajaran Selanjutnya?
Waduh singkat sekali ya artikel kali ini? hehehe. Biar kalian gak tegang dan cape bacanya saya mencoba memberikan sebuah jeda buat artikelnya agar tidak terlalu panjang walau tidak di semua artikel. Ok semangat buat belajarnya ya. Untuk pembelajaran selanjutnya mengenai :
Pembaca yang baik selalu meninggalkan jejak atau hanya sekedar reaction pada kolom komentar, agar saya sebagai penulis juga semangat dalam melanjutkan artikel ini. Berkomentarlah dengan baik dan sopan dan saling menghargai
Artikel Terbaru
Programmer Harus Tahu Aplikasi Yang Cocok Buat Skripsi Bertema Pelayanan Kesehatan
13 May 2023
Pembelajaran PHP 03 Pengenalan Text Editor 2023
29 April 2023
Woow Gaji Programmer Bisa Sampai 30 Juta Per Bulan
23 April 2023
Biaya Geospasial 2023 Google Maps
16 April 2023Pembelajaran CSS 09 Inline Internal dan External
06 May 2022.png)
Pembelajaran CSS 08 Membuat Komentar
06 May 2022