Bayangkan jika artikel yang sedang kamu baca ini tidak memiliki judul. Show
Pasti tidak akan menarik! Tidak ada judul dan juga sub judul. Kamu bisa saja akan bingung membacanya. Karena itu.. Kita membutuhkan judul, atau dalam HTML dikenal dengan Heading. Apa itu heading? dan bagaimana cara membuatnya? Ayo kita bahas! Apa itu Heading?Heading adalah sebuah judul yang biasanya diberikan pada halaman atau beberapa bagian dari artikel. Jika kamu sering menulis artikel, pasti ini tidak asing buatmu. Lalu, bagaimana caranya membuat judul di HTML? Mari kita bahas: Cara Membuat Heading di HTMLJudul pada HTML dapat kita buat dengan tag Masing-masing judul akan ditampilkan dengan ukuran teks yang bebeda. Tag Contoh:
Hasilnya: Tag Mari kita coba membuat sebuah artikel yang dilengkapi dengan heading. Buatlah file HTML baru kemudian isi dengan kode berikut:
Hasilnya: Berdasarkan pengalaman saya—dalam menulis artikel—tag Urutan Penulisan HeadingApakah boleh menulis judul yang tidak urut? Maksudnya.. seperti menggunakan Ini boleh-boleh saja, tapi kurang bagus untuk SEO. 1 Penulisan judul yang bagus adalah judul yang mengikuti levelnya. Judul Atribut untuk HeadingMasih ingat tentang atribut? Ya, dia adalah _______ Sudah lupa ya? Coba buka lagi pembahasan tentang: Apa itu Tag, Elemen, dan Atribut di HTML? Heading tidak memiliki atribut khusus. Ia biasanya menggunakan atribut globel. Contohnya seperti:
Daftar atribut global, bisa kamu lihat di MDN: HTML Global Attributes. Meskipun sama-sama digunakan untuk urusan judul, tapi tiga elemen ini berbeda.
Coba perhatikan gambar berikut: Sudah jelas kan bedanya? Tag Bonus: Heading StyleSebenarnya ini termasuk dalam pembahasa materi tentang CSS. Karena itu, saya menjadikannya bonus yang boleh kamu baca dan juga boleh tidak. Jadi.. Heading Style adalah style CSS yang diberikan pada heading agar terlihat menarik. Berikut ini beberapa style yang sering digunakan pada heading: Heading dengan Garis BawahHeading dengan garis bawa bisa kita buat dengan memanfaatkan tag Contoh menggunakan tag
Hasilnya: Contoh menggunakan CSS:
Hasilnya: Text Case untuk HeadingHeading kadang ditulis dengan berbagai style case. Ada yang menggunakan huruf besar semua, ada juga yang menggunakan huruf besar di awal kata saja. Contoh:
Nah, untuk membuat style case heading ini, Kita bisa menggunakan CSS dengan atribut Contoh:
Hasilnya: Warna untuk HeadingSama seperti elemen yang lainnya, heading juga dapat kita berikan warna dengan bantuan CSS. Warna bisa kita berikan pada teks dan latar belakang atau background. Contoh:
Hasilnya: Nah untuk style lainnya, silahkan berkreasi sendiri. Apa Selanjutnya?Kita sudah belajar tentang cara membuat heading di HTML. Hal yang perlu kamu ingat adalah tag-tag untuk membuat heading, yakni dimulai dari Berikutnya, silahkan pelajari tentang:
Manakah elemen HTML yang digunakan untuk heading terbesar?Mengenal Heading HTML
TAG Heading dalam HTML terdiri dari 6 tingkatan berdasarkan tingkat penting dan ukurannya. TAG Heading tersebut adalah <h1>, <h2>, <h3>, <h4>, <h5> dan <h6>. TAG H1 memiliki ukuran paling besar, sedangkan TAG h6 memiliki ukuran paling kecil.
Tingkatan heading dalam HTML ada berapa?Heading merupakan element atau tag HTML yang berfungsi untuk menunjukkan bagian penting pada halaman web. element tag heading ini memiliki enam tingkatan tyang berurutan yaitu <h1>,<h2>,<h3>,<h4>,<h5>,<h6> yang bisa digunakan untuk menambah ke struktur halaman web. perbedaan masing-masing heading yaitu besar hingga ...
Apa itu h1 dalam HTML?Tag <h1> digunakan pada judul level pertama. Lalu tag lainnya digunakan pada sub heading atau level berikutnya. Masing-masing judul akan ditampilkan dengan ukuran teks yang bebeda. Tag <h1> adalah yang paling besar, dan tag <h6> paling kecil.
Apa perbedaan antara h1 dan h2 >?Fungsi Tag Heading <h1> : Fungsi tag ini digunakan pada nama blog (jika berada pada homepage) dan berubah menjadi <h2> pada halaman posting. Fungsi Tag Heading <h2> : Fungsi tag ini digunakan pada judul artikel blog (jika berada pada homepage> dan berubah menjadi <h1> pada halaman posting.
|