Materi
Halaman yang utuh tidak dimulai dari heading, melainkan dari kerangka dokumen. Baris pertama berisi penanda doctype, yang membuat browser memakai mode standar saat menghitung tata letak. Tanpa penanda itu browser beralih ke mode warisan yang meniru peramban lama, dan ukuran kotak dihitung dengan aturan yang berbeda.
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Koperasi Melati RW 04</title>
</head>
<body>
<h1>Koperasi Melati</h1>
</body>
</html>Seluruh dokumen dibungkus elemen html, yang berisi dua bagian. Bagian head memuat keterangan tentang halaman dan tidak tampil di layar; bagian body memuat semua yang dibaca pengunjung. Atribut lang pada html memberi tahu pembaca layar bahasa apa yang harus diucapkan, dan untuk halaman berbahasa Indonesia nilainya id.
Di dalam head ada tiga baris yang selalu ada. Elemen meta dengan atribut charset menetapkan pengodean karakter, utf-8 untuk hampir semua halaman hari ini. Elemen meta dengan name viewport mengatur lebar awal halaman di layar ponsel. Elemen title memberi nama halaman, dan nama itu muncul di tab browser, di judul bookmark, dan di hasil mesin pencari — tidak di badan halaman.
