Belajar HTML: Heading dan Contohnya

Halo semuanya pada artikel alafgani.web.id , kali ini kita akan membahas Belajar HTML Heading dan Contohnya. mari kita simak penjelasanya:

Heading dalam HTML adalah elemen yang digunakan untuk memberikan struktur dan hierarki pada konten teks. Heading digunakan untuk menandai judul atau subjudul dalam suatu halaman web. Dalam HTML, terdapat enam level heading, mulai dari <h1> ,<h2>,<h3>,<h4>,<h5> dan <h6>, dengan <h1> sebagai level heading terbesar dan <h6> sebagai level heading terkecil.

Table of Contents

Penggunaan Heading dalam HTML

Heading digunakan untuk memberikan petunjuk kepada pengguna dan mesin pencari tentang struktur dan hierarki konten pada halaman web. Heading juga membantu pembaca untuk dengan cepat memahami isi suatu halaman web dan menemukan bagian yang menarik minat mereka.

Misalnya, sebuah artikel berita mungkin menggunakan <h1> untuk judul utama artikel, <h2> subjudul, dan <h3> subbagian atau poin penting dalam artikel tersebut. Ini memberikan hierarki yang jelas dan memudahkan pembaca untuk menavigasi melalui konten.

Mari kita lihat Heading dan Contohnya:

Contoh Implementasi Heading dan Contohnya

Code

<!DOCTYPE html>
<html>
<head>
<title>Contoh Heading HTML</title>
</head>
<body>
<h1>Heading 1</h1>
<p>Ini adalah contoh teks di bawah heading level 1.</p>
<h2>Heading 2</h2>
<p>Ini adalah contoh teks di bawah heading level 2.</p>
<h3>Heading 3</h3>
<p>Ini adalah contoh teks di bawah heading level 3.</p>
<h4>Heading 4</h4>
<p>Ini adalah contoh teks di bawah heading level 4.</p>
<h5>Heading 5</h5>
<p>Ini adalah contoh teks di bawah heading level 5.</p>
<h6>Heading 6</h6>
<p>Ini adalah contoh teks di bawah heading level 6.</p>
</body>
</html>

Result

Dalam contoh di atas, setiap heading dimulai dengan elemen <h1> hingga <h6>. Setiap heading diikuti oleh sebuah paragraf teks sebagai contoh konten di bawah heading tersebut. Heading yang lebih tinggi (misalnya <h1>) memiliki level yang lebih tinggi dibandingkan dengan heading yang lebih rendah (misalnya <h2>), menunjukkan hierarki dalam struktur konten.

Kesimpulan

Belajar HTML Heading dan Contohnya dalam HTML adalah elemen yang digunakan untuk memberikan struktur dan hierarki pada konten teks di halaman web. Penggunaan heading dengan bijak membantu pembaca untuk dengan cepat memahami isi halaman web dan memberikan petunjuk yang jelas kepada pembaca.