Tinjauan tentang HTML dan Evolusinya
HTML (HyperText Markup Language) adalah bahasa standar yang digunakan untuk membuat halaman web. HTML memungkinkan pengembang web untuk menyusun teks, gambar, dan elemen lain dalam dokumen yang dapat diakses melalui browser web. Sejak diperkenalkan pada tahun 1991 oleh Tim Berners-Lee, HTML telah mengalami beberapa perkembangan dan peningkatan yang signifikan.
- HTML 1.0 (1991): Versi pertama HTML yang sangat sederhana dengan beberapa elemen dasar untuk struktur teks dan link.
- HTML 2.0 (1995): Standar resmi pertama yang disetujui oleh IETF.
- HTML 3.2 (1997): Menambahkan elemen baru untuk tabel, applet, dan objek lain.
- HTML 4.01 (1999): Memperkenalkan tipe dokumen transisional, strict, dan frameset.
- XHTML 1.0 (2000): Versi yang lebih ketat dari HTML 4.01, mengikuti aturan XML.
- HTML5 (2014): Versi terbaru yang menyertakan banyak fitur baru seperti elemen audio dan video, grafis 2D dan 3D, dan aplikasi web yang lebih kompleks.
Pentingnya Standar Web
Standar web dikembangkan oleh W3C (World Wide Web Consortium) dan IETF (Internet Engineering Task Force) untuk memastikan bahwa situs web dapat diakses dan digunakan oleh semua orang, terlepas dari perangkat atau browser yang mereka gunakan. Standar ini memastikan kompatibilitas antar browser, meningkatkan aksesibilitas, dan memastikan bahwa situs web tetap relevan dan dapat digunakan dalam jangka panjang.
Pengantar Model Objek Dokumen (DOM)
DOM (Document Object Model) adalah antarmuka pemrograman untuk dokumen web. DOM mewakili dokumen HTML atau XML sebagai struktur pohon, di mana setiap node adalah bagian dari dokumen, seperti elemen, atribut, dan teks. DOM memungkinkan bahasa pemrograman seperti JavaScript untuk berinteraksi dengan dokumen web, memungkinkan perubahan dinamis pada konten, struktur, dan gaya dokumen.
Contoh DOM sederhana untuk dokumen HTML berikut:
html<!DOCTYPE html><html> <head> <title>Contoh DOM</title> </head> <body> <h1>Halo, Dunia!</h1> <p>Ini adalah contoh DOM.</p> </body></html>Struktur DOM dari dokumen di atas akan terlihat seperti pohon dengan elemen html sebagai akar, diikuti oleh elemen head dan body.
Struktur Dasar HTML: DOCTYPE, Head, dan Body
Setiap dokumen HTML memiliki struktur dasar yang terdiri dari beberapa elemen utama:
DOCTYPE: Deklarasi yang memberitahu browser versi HTML yang digunakan dalam dokumen.
html<!DOCTYPE html>Contoh:
html<!DOCTYPE html>Head: Bagian dari dokumen yang berisi informasi meta, seperti judul halaman, link ke stylesheet, dan skrip.
html<head><meta charset="UTF-8"><title>Contoh Halaman</title></head>Body: Bagian dari dokumen yang berisi konten yang akan ditampilkan di halaman web, seperti teks, gambar, link, dan elemen lainnya.
html<body><h1>Selamat Datang</h1><p>Ini adalah contoh halaman HTML.</p></body>
Contoh dokumen HTML lengkap:
html
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Contoh Halaman HTML</title></head><body> <h1>Selamat Datang</h1> <p>Ini adalah contoh halaman HTML.</p></body></html>Dokumen di atas adalah contoh sederhana dari struktur dasar HTML, yang mencakup deklarasi DOCTYPE, elemen head dengan informasi meta dan judul, serta elemen body dengan konten halama
No comments:
Post a Comment
Note: Only a member of this blog may post a comment.