Tentang Buku Ini
Standar HTML yang digunakan, prasyarat, struktur bab, dan konvensi penulisan kode dalam ebook HTML Dasar.
Standar HTML
Ebook ini mengacu pada HTML Living Standard yang dikelola oleh WHATWG — standar HTML yang terus diperbarui dan diimplementasikan oleh semua browser modern. Tidak ada “versi” HTML5 yang spesifik karena HTML kini bersifat living standard: ia berkembang terus tanpa nomor versi besar.
Seluruh contoh kode diverifikasi berjalan di browser modern: Chrome, Firefox, Safari, dan Edge versi terbaru. Untuk fitur-fitur Web API seperti geolocation dan web workers, dukungan browser dicantumkan di bab yang relevan.
Prasyarat
Ebook ini dirancang untuk pemula absolut. Tidak diasumsikan pengalaman apapun sebelumnya — cukup tahu cara menggunakan komputer dan membuka browser.
Yang tidak diasumsikan:
- Pengalaman HTML atau web development
- Pengetahuan tentang CSS atau JavaScript
- Penggunaan terminal atau command line
CSS dan JavaScript akan disinggung secara kontekstual saat dibutuhkan, tapi bukan topik utama ebook ini.
Struktur Bab
Lima puluh sembilan bab konten dibagi menjadi beberapa bagian:
| Bagian | Bab | Topik |
|---|---|---|
| Fondasi HTML | 1–13 | Pengenalan, editor, struktur, elemen, atribut, teks, warna |
| Tautan dan Media | 14–17 | Tautan, gambar, favicon, judul halaman |
| Struktur dan Layout | 18–32 | Tabel, daftar, block/inline, div, class, id, tombol, iframe |
| Konten dan Kode | 27–39 | Path file, head, layout, responsif, kode, semantik, entitas |
| HTML Forms | 40–45 | Form, atribut, elemen, tipe input |
| Grafik | 46–47 | Canvas, SVG |
| Multimedia | 48–52 | Video, audio, plugin, YouTube |
| Web API | 53–58 | Geolocation, drag-drop, storage, workers, SSE |
| Aksesibilitas | 59 | Prinsip aksesibilitas web |
Konvensi Penulisan Kode
Doctype — Semua contoh kode dimulai dengan <!DOCTYPE html> yang merupakan deklarasi wajib untuk dokumen HTML modern.
Indentasi — Menggunakan 2 spasi untuk indentasi, mengikuti konvensi yang paling umum di komunitas web.
Atribut dalam lowercase — Semua nama tag dan atribut ditulis dalam huruf kecil sesuai konvensi HTML5 modern.
Komentar penanda output — Komentar HTML <!-- Output: --> digunakan untuk menandai apa yang akan terlihat di browser:
<!-- index.html -->
<p>Halo, dunia!</p>
<!-- Output: Halo, dunia! ditampilkan sebagai paragraf -->Melaporkan Kesalahan
Jika kamu menemukan kesalahan — kode yang tidak berjalan, penjelasan yang membingungkan, atau informasi yang sudah tidak akurat — laporkan melalui situs. Setiap laporan dibaca dan direspons.