Judul HTML

0

Back to: Pemrograman HTML

0

Judul HTML atau heading merupakan elemen yang mendefinisikan judul atau sub judul yang Anda ingin tampilkan dalam sebuah halaman web. Elemen ini memiliki tag dari <h1> sampai dengan <h6>. Tag <h1> mendefinisikan judul yang paling penting. Sedangkan tag berikutnya di dalam struktur dokumen berada di bagian bawah atau sub dari tag yang lebih tinggi. Anda bisa membuat judul dengan tag <h2> sebagai sub judul dari <h1>. Selanjutanya Anda bisa membuat judul dengan tag <h3> sebagai sub judul dari <h2>. Tidak menutup kemungkinan bahwa dalam kondisi tertentu dokumen Anda memiliki judul dengan tag <h3> sebagai sub judul dari <h1>. Demikian seterusnya Anda dapat melakukannya sampai dengan sub judul <h6>.

Contoh penulisan judul:

<h1>Ini Adalah Judul Pertama</h1>
<h2>Judul Kedua Merupakan Sub Judul Pertama</h2>
<h3>Sedangkan ini Adalah Judul Ketiga</h3>
<h4>Judul Keempat Merupakan Sub Jugul Ketiga</h4>
<h5>Anda Dapat Juga Menggunakan Judul Kelima</h5>
<h6>Sampai Akhirnya Anda Meggunakan Judul Keenam</h6>

Hasilnya seperti judul-judul di bawah ini:

Ini Adalah Judul Pertama

Judul Kedua Merupakan Sub Judul Pertama

Sedangkan ini Adalah Judul Ketiga

Judul Keempat Merupakan Sub Jugul Ketiga

Anda Dapat Juga Menggunakan Judul Kelima
Sampai Akhirnya Anda Meggunakan Judul Keenam

Peramban secara otomatis akan memberikan beberapa spasi kosong sebagai batas sebelum dan sesudah judul. Mesin pencari akan menggunakan judul ini untuk memberikan indeks pada struktur dan konten dari halaman web. Selain itu pengguna seringkali melakukan bacaan sekilas dari suatu halaman melalui judul ini. Oleh karena itu, sangatlah penting menggunakan judul untuk menunjukkan struktur dokumen.

Judul <h1> sebaiknya Anda gunakan untuk judul utama, diikuti oleh <h2>, kemudian <h3> dan seterusnya. Gunakanlah tag <h1> sampai dengan <h6> ini hanya untuk judul. Jangan gunakan elemen ini untuk membuat teks menjadi BESAR atau tebal. Anda bisa menggunakan gaya pada teks untuk memberikan penebalan atau penulisan dengan huruf kapital tanpa harus menggunakan tag judul.

Lalu bagaimana dengan ukuran huruf setiap judul. Seperti yang Anda lihat pada contoh di atas, setiap judul HTML mempunyai ukuran bawaan. Namun demikian, Anda dapat menentukan ukuran dari judul yang manapun dengan atribut style, dengan menggunakan properti CSS bernama font-size. Apabila Anda merasa judul dengan tag <h6> terlalu kecil dan sulit untuk dibaca, Anda bisa mengatur ulang ukuran struktur judul ini sehingga lebih rapi dan terbaca (tidak terlalu besar untuk <h1> dan tidak terlalu kecil untuk <h6>.

Contoh pengaturan besar huruf judul:

<h1 style="font-size:60px;">Heading 1</h1>

Referensi