Headings and Lists ~

Hi semua, aku akan menjelaskan tentang salah satu materi IT yaitu Headings dan Lists. Apa sih yang dimaksud dari dua itu?? Yuk, dibaca dan dipahami teks yang ada dibawah!

✨ Headings

Headings itu bagian dalam HTML yang digunakan untuk membuat judul dan subjudul di sebuah halaman web. Headings berguna supaya isi website jadi lebih rapi, teratur, dan gampang dipahami oleh orang yang membacanya. 📖✨

Di HTML, headings terdiri dari <h1> sampai <h6>.
<h1> biasanya digunakan untuk judul utama, sedangkan <h2> sampai <h6> digunakan untuk subjudul atau bagian yang lebih kecil. 📝🌷

Contohnya:

<h1>Belajar HTML 💻</h1>
<h2>Pengertian HTML 📖</h2>
<h3>Fungsi HTML ✨</h3>

Misalnya kita bikin website tentang HTML. “Belajar HTML” bisa menjadi judul utama dengan <h1>, lalu “Pengertian HTML” menjadi subjudul dengan <h2>. Jadi pembaca bisa lebih gampang tahu bagian-bagian yang sedang dibahas. 📚💡

---

📋 Lists

Lists adalah bagian dalam HTML yang digunakan untuk membuat daftar yang berisi beberapa informasi atau item. Lists bikin informasi yang banyak jadi lebih rapi, teratur, dan gak berantakan. 📝✨

Lists biasanya dibagi menjadi dua jenis, yaitu Ordered List (<ol>) dan Unordered List (<ul>). 🐰💗

🔢 Ordered List (<ol>)

Ordered List digunakan untuk membuat daftar yang memiliki urutan tertentu. Biasanya daftar ini ditampilkan menggunakan angka.

Contohnya:

<ol>
  <li>Bangun tidur</li>
  <li>Mandi</li>
  <li>Sarapan</li>
</ol>

Hasilnya akan menjadi:

1. 🌷 Bangun tidur
2. 🫧 Mandi
3. 🍞 Sarapan

Jadi, <ol> cocok digunakan kalau urutan dari daftar tersebut penting. ✨

🔘 Unordered List (<ul>)

Unordered List digunakan untuk membuat daftar yang nggak membutuhkan urutan tertentu. Biasanya daftar ini ditampilkan menggunakan tanda titik atau bulat.

Contohnya:

<ul>
  <li>Apel</li>
  <li>Mangga</li>
  <li>Jeruk</li>
</ul>

Hasilnya:

• 🍎 Apel
• 🥭 Mangga
• 🍊 Jeruk

Jadi <ul> cocok digunakan kalau urutan itemnya gak penting. 🫶🏻

🌟📝 Intinya…

Headings → digunakan untuk membuat judul dan subjudul supaya isi website lebih terstruktur. 🏷️📖

Lists → digunakan untuk membuat daftar informasi supaya lebih rapi dan mudah dibaca. 📋✨

<h1>–<h6> = Headings 🏷️
<ol> = daftar dengan urutan angka 🔢
<ul> = daftar dengan bullet 🔘