Mengatur Ukuran Huruf HTML Menggunakan Tag Heading
Terdapat enam level dari pendefinisian heading pada HTML. Nilai dari enam level heading tersebut adalah H1, H2, H3, H4, H5, dan H6, dengan nilai H1 adalah heading level tertinggi dan H6 adalah heading level terendah.
Sebelum memahami lebih dalam materi tentang Mengatur Ukuran Huruf HTML Menggunakan Tag Heading, terlebih dahulu pelajari materi tentang: Menggunakan Tag Frameset HTML dan Fungsinya [klik], Membuat Frame HTML Menggunakan 10 Atribut Utama dan Fungsinya [klik], dan Membuat Form HTML Menggunakan Tag Form [klik].
Salah satu tahapan yang harus diperhatikan dalam pembuatan artikel adalah judul. Judul merupakan sebuah karangan faktual yang berisi gagasan dalam bentuk ringkas yang digunakan sebagai pengantar untuk bagian ini artikel yang lebih lengkap atau lebih komplek. Pada laman web, judul biasanya dibuat dengan ukuran huruf yang lebih besar dibanding dengan bagian bagian isi. Untuk dapat membuat ukuran tampilan judul dapat terlihat lebih besar dari pada teks isi maka digunakan tag <H1> atau tag heading.
Manfaat Penggunaan Heading pada HTML:
 |
| Ilustrasi Heading HTML |
Salah satu tahapan yang harus diperhatikan dalam pembuatan artikel adalah judul. Judul merupakan sebuah karangan faktual yang berisi gagasan dalam bentuk ringkas yang digunakan sebagai pengantar untuk bagian ini artikel yang lebih lengkap atau lebih komplek. Pada laman web, judul biasanya dibuat dengan ukuran huruf yang lebih besar dibanding dengan bagian bagian isi. Untuk dapat membuat ukuran tampilan judul dapat terlihat lebih besar dari pada teks isi maka digunakan tag <H1> atau tag heading.
- Mesin Pencari menggunakan heading untuk mengindeks truktur dan konten dari webpage.
- Heading digunakan untuk menggarisbawahi topik atau poin penting pada koten artikel.
- Heading menyediakan informasi berharga dan memberitahukan tentang struktur dari sebuah dokumen.
Baca Juga:
Contoh:
Mengubah Ukuran dari HTML Heading:
Ukuran default dari HTML heading dapat diubah dengan menggunakan atribut style.
Contoh:
<!DOCTYPE html>
<html>
<body>
<h1>H1</h1>
<h2>H2</h2>
<h3>H3</h3>
<h4>H4</h4>
<h5>H5</h5>
<h6>H6</h6>
</body>
</html>
Output:
H1
H2
H3
H4
H5
H6
Mengubah Ukuran dari HTML Heading:
Ukuran default dari HTML heading dapat diubah dengan menggunakan atribut style.
<!DOCTYPE html>
<html>
<body>
<h1 style="font-size:60px;">
H1 dengan ukuran yang baru.
</h1>
</body>
</html>
Output:
H1 dengan ukuran yang baru.
Referensi Tambahan:
- 9 Contoh Penggunaan Tag IMG untuk Menampilkan Gambar pada HTML [klik]
- 30 Value Utama Penggunaan Tag Input pada HTML [klik]
- 2 Atribut Utama Penggunaan Tag Ins pada HTML [klik]
- 2 Contoh Penggunaan Tag Kbd untuk Pendefinisian Input Keyboard HTML [klik]
- 2 Contoh dan Cara Penggunaan Tag Label pada HTML [klik]
- Menambahkan Informasi Ekstra Menggunakan Atribut Title HTML [klik]
- 3 Contoh Penggunaan Tag List Untuk Membuat Daftar pada HTML [klik]
Artikel ini didedikasikan kepada: Aldila Puspita Husna, Amalia Safitri, Andhi Nur Saputra, Anindya Valentino Nugroho, dan Aprilia Muadibah.
Apa yang dimaksud dengan heading pada html?
BalasHapusHTML heading atau tag h dapat digunakan untuk mendefinisikan judul dan subjudul yang ingin ditampilkan pada halaman website. H1 merupakan tag heading terbesar dan h6 merupakan tag heading terkecil. Jadi, h1 digunakan untuk heading yang sifatnya paling penting sedangkan h6 digunakan untuk heading yang paling tidak penting.
HapusHTML heading mendefinisikan enam tingkatan heading. Elemen heading menyiratkan semua perubahan font, jeda paragraf sebelum dan sesudah, dan spasi kosong apapun yang diperlukan untuk melakukan render heading.
HapusApa yang dimaksud dengan sub heading pada html?
BalasHapusSubheading merupakan subdivisi atau subsection dari elemen yang dicetak, dan merupakan subdivisi dari heading utama atau judul.
HapusApa fungsi tag heading pada laman html?
BalasHapusTag heading digunakan dalam html untuk menentukan judul suatu halaman. Tag heading memiliki fungsi yang sangat penting dalam struktur penulisan html. File html dapat dipahami sebagai suatu kombinasi note, dimana tag heading adalah titik awal dari satu node ke note lainnnya ataupun dalam bentuk percabangan.
HapusUntuk mempermudah pemahaman fungsi dari penggunaan tag heading. Pikirkan atau bayangkan bahwa tag heading adalah sebuah garis besar yang melintang pada tulisan atau konten yang dibuat. Heading adalah tag html yang berfungsi untuk menunjukkan tajuk utama pada halaman web. Tag H1, atau heading 1, adalah nama atau judul yang terdapat dalam konten.
BalasHapusHeading tag html terdiri dari enam tingkatan heading. Dimana, setiap tingkatan heading tersebut menyiratkan perubahan dari ukuran font, jeda paragraf sebelum dan sesudah, dan spasi kosong apapun yang diperlukan untuk merender heading. Unsur-unsur tingkatan heading adalah dimulai dari H1, H2, H3, H4, H5, dan terakhir H6. Dengan H1 adalah heading dengan lever tertinggi, dan H6 adalah heading dengan level terendah.
BalasHapusMengapa heading perlu digunakan dalam laman html?
BalasHapuskarena heading dapat:
Hapus1. digunakan untuk menyediakan struktur tulisan yang berbeda-beda, sehingga memberikan struktur dan konteks yang bervariasi dalam penulisan artikel atau paragraf.
2. digunakan untuk memecah teks.
3. digunakan untuk mengoptimalkan tampilan cuplikan unggulan dalam artikel.
4. digunakan untuk menjaga agar struktur penulisan tetap dapat konsisten ukuran tampilannya.
5. digunakan untuk membuat tulisan lebih menarik
Heading perlu digunakan dalam laman html karena element tag heading ini memiliki 6 tingkatan yang berurutan dan bisa digunakan untuk menambah ke struktur halaman web.
Hapus