Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Koding

Cara Membuat Judul/Heading di HTML

Oleh AneIqbal Posting Komentar
Halo gan.. di posting sebelumnya kita sudah membahas cara membuat paragraf di HTML.. kali ini kita akan bahas cara membuat judul/heading di HTML..

Membuat Judul/Heading di HTML

Membuat judul/heading di HTML

Sama seperti paragraf, HTML juga menyediakan tag khusus untuk membuat judul (biasa disebut heading)..

Tagnya pun nggak cuma 1, melainkan 6 tag.. yaitu tag <h1>, <h2>, <h3>, <h4>, <h5>, dan <h6>.. masing-masing memiliki ukuran yang berbeda..

Ukuran yang paling besar adalah <h1> dan yang paling kecil yaitu <h6>..

Seperti ini kodenya:
<!DOCTYPE html>
<html>
  <head>
    <title>Membuat heading di HTML</title>
  </head>
  
  <body>
    <h1>Ini adalah heading level 1</h1>
    <h2>Ini adalah heading level 2</h2>
    <h3>Ini adalah heading level 3</h3>
    <h4>Ini adalah heading level 4</h4>
    <h5>Ini adalah heading level 5</h5>
    <h6>Ini adalah heading level 6</h6>
  </body>
</html>

Web browser akan menampilkan:

Membuat Judul/Heading di HTML


Contoh lain yang dikombinasikan dengan paragraf:
<!DOCTYPE html>
<html>
  <head>
    <title>Membuat heading di HTML</title>
  </head>
  
  <body>
    <h1>Ini adalah heading level 1</h1>
    <p>Halo gan.. di posting sebelumnya kita sudah membahas cara membuat paragraf di HTML.. kali ini kita akan bahas cara membuat judul/heading di HTML..</p>


    <h2>Ini adalah heading level 2</h2>
    <p>Halo gan.. di posting sebelumnya kita sudah membahas cara membuat paragraf di HTML.. kali ini kita akan bahas cara membuat judul/heading di HTML..</p>


    <h3>Ini adalah heading level 3</h3>
    <p>Halo gan.. di posting sebelumnya kita sudah membahas cara membuat paragraf di HTML.. kali ini kita akan bahas cara membuat judul/heading di HTML..</p>


    <h4>Ini adalah heading level 4</h4>
    <p>Halo gan.. di posting sebelumnya kita sudah membahas cara membuat paragraf di HTML.. kali ini kita akan bahas cara membuat judul/heading di HTML..</p>


    <h5>Ini adalah heading level 5</h5>
    <p>Halo gan.. di posting sebelumnya kita sudah membahas cara membuat paragraf di HTML.. kali ini kita akan bahas cara membuat judul/heading di HTML..</p>


    <h6>Ini adalah heading level 6</h6>
    <p>Halo gan.. di posting sebelumnya kita sudah membahas cara membuat paragraf di HTML.. kali ini kita akan bahas cara membuat judul/heading di HTML..</p>
  </body>
</html>

Agar kodingan lebih enak dibaca, beri jarak yang semakin menjorok di sisi kiri kodingan. Beri spasi juga antar baris kode.

Seperti ini jadinya:

Membuat Judul/Heading di HTML

Coba dipraktikkan gan.. hasilnya sama atau nggak kaya di atas..

Sampai sini, selesai bahasan cara membuat judul/heading di HTML..

Selanjutnya yang akan kita bahas adalah.. cara membuat daftar/list di HTML..

Posting Komentar untuk "Cara Membuat Judul/Heading di HTML"

Silakan berkomentar dengan kalimat yang bijak.