Daftar

Kamu sudah menyelesaikan checkpoint pertama kamu? Luar biasa. Sekarang kembali ke pembelajaran selanjutnya.

Di dalam HTML, bagaimana kita bisa membuat daftar titik (bullet point) atau daftar dengan nomor? Misal:

Item #1
item #2
Item #3

atau:

Item #1
Item #2
Item #3

Ternyata kita bisa mengaplikasikan pola yang telah kita pelajari di pembelajaran sebelumnya juga. Kita bisa menggunakan:

<ul>: (unordered list) untuk daftar titik; atau
<ol>: (ordered list) untuk daftar bernomor

Oke, lalu bagaimana kita menggunakannya?

Kita bisa menggunakan <ol> atau <ul> sebagai pembungkus setiap item yang ingin masukkan ke daftar. Untuk menunjukkan bahwa item tersebut merupakan bagian dari daftar yang kita buat, kita dapat menggunakan tag <li> (list item).

Contoh

<!-- Daftar titik -->
<ul>
  <li>Item #1</li>
  <li>Item #2</li>
  <li>Item #3</li>
</ul>
 
<!-- Daftar bernomor -->
<ol>
  <li>Item #1</li>
  <li>Item #2</li>
  <li>Item #3</li>
</ol>

Tantangan

Di <section> kedua, di bawah tag <h3> tambahkan daftar titik yang berisi: Susu, Keju.

Lalu di bawah daftar titik tersebut, tambahkan gambar dari https://i.imgur.com/4GHl2tM.png dengan deskripsi "Susu di dalam gelas".

Solusi

Buka Solusi (opens in a new tab)

Checkpoint #1 Tag figure