Cara Membuat Heading atau Penjudulan di HTML

Cara Membuat Heading atau Penjudulan di HTML

Tutorial sebelum nya kita membahas cara membuat link di html, sekarang yang akan kita bahas adalah cara membuat heading atau penjudulan di html.

Heading atau penjudulan berfungsi untuk memberikan judul pada suatu dokumen di HTML. Ibarat skripsi atau buku pasti memiliki bab dan sub bab – sub bab di dalam nya. Untuk format penjudulan di HTML, kita gunakan tag <h1> untuk judul utama dan untuk judul sub bab nya kita bisa gunakan tag <h2> sampai dengan <h6>.

Setiap level judul memiliki ukuran huruf yang berbeda-beda (namun anda masih bisa merubah ukurannya melalui CSS).

Contoh penulisan menggunakan tag <h1> sampai <h6> :

Oke langsung saja kita praktek, pertama buat 1 file nama nya latihan.html kemudian ketikkan kodingan berikut :

Hasil nya akan seperti ini :

cara membuat heading atau penjudulan di html

Adanya penjudulan dimaksudkan agar suatu dokumen HTML lebih terstruktur layaknya sebuah dokumen resmi seperti skripsi / paper yang mengharuskan adanya perbedaan antara bab utama dan sub-babnya.

  • Note : Gunakan judul HTML untuk judul saja. Jangan gunakan judul untuk membuat teks BESAR atau TEBAL.

HTML Horizontal Rules

Horizontal Rules menggunakan tag <hr> yang berfungsi untuk memisahkan konten pada halaman HTML.

Sekarang kita edit kembali file latihan.html nya kemudian update kodingan nya menjadi seperti ini :

Kita sudah tambahkan tag <hr> setelah heading 1.2 Pokok Permasalahan. Output dari kodingan di atas seperti ini :

cara membuat horizontal rules di html

Bisa dilihat, terdapat garis pemisah antara bab 1 dengan bab 2, karena kita sudah menggunakan tag <hr> tadi.

Sekian tutorial cara membuat heading atau penjudulan di html. Semoga tutorial ini bisa bermanfaat untuk anda. Terimakasih #salamKoding

Leave a Reply

Your email address will not be published. Required fields are marked *