Tutorial sebelumnya sudah dibahas tentang cara membuat paragraf HTML, selanjutnya kita akan membahas tentang bagaimana cara membuat judul di HTML.

Cara membuat heading (judul) di HTML

Pada HTML ada tag khusus untuk membuat sebuah judul yang dikenal dengan heading. Tag ini digunakan untuk membuat judul di dalam HTML. Tag heading akan dimunculkan oleh browser dengan menggunakan huruf tebal (bold).

Tag heading yang disediakan HTML terdiri dari 6 tingkatan yaitu:

<h1> : tingkatan tertinggi
<h2>
<h3>
<h4>
<h5>
<h6> : tingkatan terendah

Untuk melihat perbedaan dari heading tersebut, maka coba ketik kode berikut ini:

<!DOCTYPE html>
<html>
    <head>
        <title>penakode - heading</title>
    </head>
    <body>
        <h1>Judul dengan menggunakan H1</h1>
        <h2>Judul dengan menggunakan H2</h2>
        <h3>Judul dengan menggunakan H3</h3>
        <h4>Judul dengan menggunakan H4</h4>
        <h5>Judul dengan menggunakan H5</h5>
        <h6>Judul dengan menggunakan H6</h6>
    </body>
</html>

Berikut ini hasil tampilan perbedaan penggunaan heading (judul) di HTML.

html-heading

Dari tampilan diatas terlihat jelas perbedaan penggunaan heading atau judul menggunakan tag tersebut.

Contoh penggunaan Heading dalam artikel HTML

Contoh penggunaan heading dan paragraf pada artikel tips menjadi programmer pemula.

<!DOCTYPE html>
<html>
    <head>
        <title>penakode - heading</title>
    </head>
    <body>
    <h1>Tips Menjadi Programmer Pemula</h1>
    <p>penakode.com - Menjadi seorang programmer handal yang profesional tidaklah semudah membalik telapak tangan.
    Tidak ada jalan mudah untuk mencapai sukses, begitu pula menjadi seorang programmer tidak terjadi secara instan begitu saja.
    Butuh perjuangan dan banyak belajar dari dasar untuk mengasah kemampuan untuk menjadi programmer handal.</p>
    <p>Banyak cara yang dilakukan untuk mewujudkannya, akan tetapi seorang pemula tidak boleh menyerah begitu saja.
    Belajar pemrograman tidak bisa dikatakan mudah atau susah, karena semua itu tergantung dari masing-masing individu.
    Setiap orang memiliki cara belajar yang berbeda-beda dan memiliki kemampuan yang tidak sama.
    Ada yang cepat mengerti dan ada pula yang butuh proses sedikit lama untuk mengerti.
    Yang perlu diingat adalah ketika keinginan yang besar untuk belajar akan menghasilkan sesuatu yang besar.<p>
    </body>
</html>

Dan tampilan ketika dimunculkan di browser menjadi seperti ini:

html-tips-programmer-pemula

Bagimana? mudah bukan. Sekarang jadi mengerti tentang bagaimana cara menggunakan judul (heading) di HTML.

Penutup

Tag heading digunakan untuk membuat judul di HTML. Tag yang biasanya digunakan untuk membuat judul artikel adalah tag <h1> sedangkan tag <h2> biasanya digunakan untuk membuat sub judul. Setelah mengerti cara menggunakan tag heading, tutorial selanjutnya akan membahas tentang penggunaan list di HTML seperti tag <ul>, <li>, dan <ol>.