Pada tutorial sebelumnya, saya sudah membuat postingan yang berjudul "Belajar HTML - Koding Dasar". Pastikan teman-teman sudah memahami tutorial Koding Dasar itu, agar mudah dalam memahami tutorial kali ini.
Nah, kali ini saya akan membuat postingan tentang heading dalam HTML.
Mengenal Heading pada HTML
Heading adalah sebuah tag yang berfungsi untuk menampilkan judul. Karena fungsinya untuk membuat judul atau sub judul, jadi saya sarankan untuk tidak menggunakan tag heading ini dengan tujuan merubah ukuran huruf pada suatu paragraf.
Tag Heading ditandai dengan kode <h1>, <h2>, <h3>, <h4>, <h5>, dan <h6>. Kode <h1> menampilkan judul dengan ukuran paling besar, sedangkan kode <h6> menampilkan judul dengan ukuran terkecil.
Tag Heading adalah sebuah kode yang digunakan untuk membuat judul, ditandai dengan kode <h1> sampai dengan <h6>
Contoh Penggunaan Tag Heading
- <!DOCTYPE html>
- <html>
- <head>
- <title>Sikoding - Latihan Membuat Heading</title>
- </head>
- <body>
- <h1>Ini contoh heading</h1>
- <h2>Ini contoh heading</h2>
- <h3>Ini contoh heading</h3>
- <h4>Ini contoh heading</h4>
- <h5>Ini contoh heading</h5>
- <h6>Ini contoh heading</h6>
- </body>
- </html>
Lakukan percobaan praktek dengan kode di atas, dan lihat hasilnya pada browser kalian. Kalau sudah tampil seperti gambar di bawah ini, berarti kalian sudah berhasil membuat heading :
Selamat, kalian sudah berhasil belajar membuat heading pada HTML, pada tutorial selanjutnya akan saya jelaskan bagaimana membuat paragraf dengan HTML pada postingan berikut :
Belajar HTML - Cara Membuat Paragraf
0 Response to "Belajar HTML - Cara Mudah Membuat Heading (Part 3)"
Posting Komentar
Silahkan teman-teman berkomentar yang bersifat membangun, boleh kritik, saran, pertanyaan, atau sebuah penyelesaian masalah bagi teman-teman yang lain. Selamat belajar.