Anak Males – Kali ini kita akan membahas mengenai caranya membuat heading di html. Karena heading adalah salah satu elemen penting di website.
Jika website tidak mempunyai judul, maka sebagai user kita akan kesulitan untuk mencari halaman website kita. Contohnya seperti ini, bagaimana cara kamu menemukan artikel ini jika tidak di beri judul ?.
Bisa saja kamu akan kebingungan ketika mencari artikel tutorial karena tidak tau mana tutorial yang benar.
Dan untuk membuat judul di website, kita perlu belajar html heading.
Apa itu heading ?
Dan bagaimana cara membuat heading di html.
Mari kita bahas.
Apa itu Heading HTML ?
Heading merupakan sebuah judul yang biasannya kita temukan di dalam sebuah halaman website ataupun di bagian artikel.
Kalau kamu menulis artikel di word, kita pasti juga akan memasukan judul untuk menandai ini artikel akan berisi tentang apa kan.
Lalu bagaimana cara membuatnya di html ?
Mari kita bahas.
Cara Membuat Heading di HTML
Judul pada html bisa kita buat menggunakan total 6 tag yaitu <h1> sampai <h6>. Jadi tag <h1> biasanya digunakan untuk membuat judul pada level pertama.
Atau bisa di bilang ini adalah judul inti dari sebuah halaman.
Kemudian untuk tag tag lainnya kita bisa menggunakannya untuk membuat sub judul, karena kita bisa aja membuat artikel dengan jumlah yang panjang. Dan untuk membuat artikel panjang namun bisa di nikmati kita bisa menggunakan sub judul untuk memisahkannya menjadi beberapa part.
Masing masing judul akan di tampilkan dengan berbagai ukuran, mulai dari tag <h1> yang paling besar sampai tag <h6> paling kecil.
Contoh :
<!DOCTYPE html>
<html lang="en">
<head>
<title>Tutorial Heading di HTML</title>
</head>
<body>
<h1>Judul Level 1</h1>
<h2>Judul Level 2</h2>
<h3>Judul Level 3</h3>
<h4>Judul Level 4</h4>
<h5>Judul Level 5</h5>
<h6>Judul Level 6</h6>
</body>
</html>Namun dari beberapa pengalaman, tag <h5> dan <h6> sangat jarang di pakai, karena di nilai terlalu dalam jika harus menggunakan tag tersebut.
Urutan Penulisan Heading
Jadi untuk urutan penulisan heading tidak ada masalah sama sekali. Contohnya seperti peletakan tag <h1> lebih tinggi dari tag <h2> dan seterusnnya.
Pertanyaannya, apa bisa kita membuat <h6> dulu kemudian <h5> dan seterusnya ?
Bisa aja sih, namuan tidak baik untuk SEO.
Penulisan judul, lebih baik mengikuti levelnya.
Apa Aja Atribut Heading
Masih ingat tentang artibut pada html ? Nah atribut adalah sesuatu yang bisa kita tambahkan kedalam elemen html.
Jadi ketika kita membuat sebuah tag, kita bisa memasukan atribut kedalam tag tersebut. Tidak terkecuali tag heading.
Kita bisa memasukan atribut kedalam tag heading sebagai berikut.
- id untuk memberikan nama id unik
- class untuk memberikan nama class yang akan dipakai oleh CSS
- style untuk memberikan kode css secara langsung
- title untuk menambahkan informasi tambahan
- dan masih banyak lagi
Penutup
Baiklah sekian untuk tutorial html kali ini, nanti kita akan membahas mengenai cara membuat paragraf di html.