Judul (Heading) didefinisikan dengan tag <h1>-<h6>, <h1> mendefinisikan tag terbesar (yang paling penting), dan <h6> mendefinisikan tag terkecil (yang paling tidak penting). Perlu diperhatikan bahwa title tag hanya digunakan untuk judul saja, jangan menggunakan title tag hanya untuk menghasilkan teks yang tebal atau besar, karena fungsi title adalah untuk memudahkan pengguna menelusuri halaman web dengan cepat, sehingga judul tidak dapat digunakan. digunakan secara sembarangan. Tag ini dapat menentukan judul di halaman web (mirip dengan judul di word). Penggunaan judul yang wajar dapat membuat struktur hierarki halaman web menjadi lebih jelas.
Tip: Judul dalam HTML membantu mesin pencari memahami struktur dan konten halaman web.
Secara default, browser menampilkan konten dalam judul dengan font yang lebih besar dan lebih tebal daripada teks biasa. Judul yang ditentukan menggunakan tag <h1> memiliki ukuran font terbesar, sedangkan judul yang ditentukan menggunakan tag <h6> memiliki ukuran font terkecil, seperti yang ditunjukkan pada gambar. contoh di bawah ini.
<!DOCTYPEhtml><html><head><metacharset=UTF-8><title>Demonstrasi tag judul HTML</title></head><body><h1>judul h1</h1><h2>judul h2< /h2><h3>judul h3</h3><h4>judul h4</h4><h5>judul h5</h5><h6>judul h6</h6></body></html>
Hasil yang berjalan ditunjukkan pada gambar di bawah ini:
1. Judul HTML
(1) Judul ditentukan melalui tag <h1> - <h6>.
(2) <h1> mendefinisikan judul terbesar. <h6> mendefinisikan judul terkecil.
2. Judul itu penting
Pastikan untuk menggunakan tag judul HTML hanya untuk judul. Jangan gunakan heading hanya untuk menghasilkan teks tebal atau besar.
Mesin pencari menggunakan header untuk mengindeks struktur dan konten halaman web Anda.
Karena pengguna dapat menggunakan judul untuk menavigasi halaman Anda dengan cepat, penting untuk menggunakan judul untuk menyajikan struktur dokumen Anda.
h1 sebaiknya dijadikan heading utama (paling penting), diikuti h2 (paling penting berikutnya), lalu h3, dan seterusnya.
3. Garis horizontal HTML
Tag <hr> membuat garis horizontal di halaman HTML.
Elemen hr dapat digunakan untuk memisahkan konten.
<p>Ini adalah sebuah paragraf. </p><hr><p>Ini adalah sebuah paragraf. </p><hr><p>Ini adalah sebuah paragraf. </p>
Hasil yang berjalan ditunjukkan pada gambar di bawah ini:
4. Komentar HTML
Komentar dapat dimasukkan ke dalam kode HTML untuk meningkatkan keterbacaan dan membuat kode lebih mudah dipahami. Browser mengabaikan komentar dan tidak menampilkannya.
Komentarnya ditulis sebagai berikut:
<!--Ini adalah komentar--><p>Komentar di atas tidak akan ditampilkan di halaman web. </p>
Komentar: Tanda seru! (tanda baca bahasa Inggris) harus diikuti segera setelah tanda kurung buka (tanda kurung kiri), tetapi tidak sebelum tanda kurung tutup (tanda kurung kanan). Penggunaan komentar yang wajar dapat membantu pekerjaan pengeditan kode di masa mendatang.
5. Tips HTML - Cara Melihat Kode Sumber
Pernahkah Anda melihat halaman web dan kagum dengan cara melakukannya?
Jika ingin mengetahuinya, cukup klik kanan lalu pilih View Source (IE) atau View Page Source (Firefox), dan browser lain akan melakukan hal yang sama. Melakukannya akan membuka jendela yang berisi kode HTML untuk halaman tersebut.