1. Pengenalan HTML
a. Apa Itu HTML?
HTML (HyperText Markup Language) adalah bahasa markup yang digunakan untuk membuat struktur halaman web. HTML bukan bahasa pemrograman, melainkan bahasa yang digunakan untuk menyusun konten seperti teks, gambar, video, dan tautan di dalam halaman web.
b. Sejarah Singkat HTML
HTML pertama kali dikembangkan oleh Tim Berners-Lee pada tahun 1991. Seiring perkembangan teknologi web, HTML telah mengalami beberapa pembaruan, dari HTML4 hingga HTML5, yang merupakan versi terbaru dan lebih kaya fitur.
c. Fungsi dan Peran HTML dalam Pengembangan Web
- Menyusun struktur dasar halaman web.
- Menampilkan berbagai elemen seperti teks, gambar, tabel, dan formulir.
- Membantu mesin pencari memahami isi halaman web.
- Bekerja bersama dengan CSS (untuk tampilan) dan JavaScript (untuk interaktivitas).
d. Cara Kerja HTML
HTML bekerja dengan menggunakan elemen-elemen yang terdiri dari tag pembuka, konten, dan tag penutup. Contoh:
<!DOCTYPE html>
<html>
<head>
<title>Halaman Web Pertama</title>
</head>
<body>
<h1>Halo, dunia!</h1>
<p>Ini adalah paragraf pertama saya di HTML.</p>
</body>
</html>
Penjelasan:
<!DOCTYPE html>→ Menentukan bahwa dokumen menggunakan HTML5.<html>→ Elemen utama yang membungkus seluruh isi halaman web.<head>→ Bagian kepala yang berisi informasi meta dan judul halaman.<title>→ Menentukan judul halaman yang muncul di tab browser.<body>→ Bagian utama yang menampilkan konten kepada pengguna.<h1>→ Heading atau judul utama halaman.<p>→ Paragraf teks biasa.
e. Struktur Dasar Dokumen HTML
Setiap halaman HTML harus memiliki struktur dasar yang terdiri dari:
- Deklarasi Doctype – Menentukan versi HTML yang digunakan.
- Elemen
<html>– Pembungkus utama seluruh konten halaman web. - Elemen
<head>– Berisi metadata dan sumber daya tambahan. - Elemen
<body>– Tempat untuk semua elemen visual halaman web.