Tutorial HTML untuk Pemula: Membuat Judul/Heading di HTML
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
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:
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:
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..