Belajar HTML: List dan Contohnya

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

List dalam HTML digunakan untuk mengorganisir dan menyajikan informasi dalam bentuk daftar. Terdapat dua jenis utama dari list dalam HTML: ordered list (OL) dan Unordered list (UL). Ordered list menggunakan angka atau huruf untuk mengurutkan elemen-elemennya, sedangkan unordered list menggunakan tanda simbol atau bullet point.

belajar html

Mari kita lihat contohnya:

Belajar HTML List dan Contohnya

Code

<!DOCTYPE html>
<html>
<body>

<h2>MENU SPECIAL HARI INI</h2>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<h2>MENU SPECIAL HARI BESOK</h2>
<ol>
<li>Coffee</li>
<li>Soda</li>
<li>Milk</li>
</ol>

</body>
</html>

RESULT

belajar html list dan contohnya

Dalam contoh di atas, <ol> digunakan untuk membuat ordered list, sedangkan <ul> digunakan untuk membuat unordered list. Setiap item dalam list didefinisikan dengan menggunakan elemen <li>. Ordered list menggunakan angka sebagai tanda pengurutan, sedangkan unordered list menggunakan bullet point.

Penutup

Kesimpulan Belajar HTML List dan Contohnya dalam HTML adalah elemen yang digunakan untuk mengorganisir dan menyajikan informasi dalam bentuk daftar. Berikut adalah beberapa poin penting yang dapat diambil sebagai kesimpulan mengenai list dalam HTML:

  1. Terdapat dua jenis utama dari list dalam HTML: Ordered list dan Unordered list.
  2. Ordered list menggunakan angka atau huruf sebagai tanda pengurutan, sedangkan Unordered list menggunakan tanda simbol atau bullet point.
  3. List membantu mengorganisir dan mempresentasikan informasi dalam bentuk yang terstruktur.
  4. List juga memperjelas hierarki dan struktur konten dalam halaman web.
  5. Setiap item dalam list didefinisikan dengan menggunakan elemen <li>.
  6. Ordered list dan Unordered list dapat digunakan di dalam elemen lain seperti <div> atau <p>.
  7. Penting untuk menggunakan list dengan konten yang relevan dan sesuai.

Dengan memahami penggunaan dan pentingnya list dalam HTML, Anda dapat membuat halaman web yang lebih terstruktur dan mudah dipahami.

Terimakasih sudah berkunjung!


Daftar Materi Belajar HTML:

  1. Pengertian HTML Lengkap dengan Fungsi, Struktur, dan Contoh Penerapannya
  2. Menampilkan Gambar pada HTML Lengkap
  3. Heading dan Contohnya
  4. Menampilkan Gambar pada HTML Lengkap
  5. Tag HTML Beserta Penjelasan dan Contohnya
  6. Paragraf HTML dan Contohnya
  7. List Pada HTML dan Contohnya
  8. Hyperlink HTML dan Contohnya
  9. Table HTML dan Contohnya
  10. Form Attribut dan Contohnya
  11. Baris baru HTML
  12. Iframe dan Contohnya
  13. Class dan Id HTML
  14. Menghubungkan HTML dan CSS
  15. Ebook HTML Lengkap

Lihat Semua materi belajar html diatas, untuk menguasai HTML dengan Cepat!

Leave a Comment