Sırasız listeler

<ul> ve <li> etiketleriyle sırasız liste oluşturmayı öğrenirsin.

Sırasız liste nedir?

Bir sırasız liste, sırası önemli olmayan öğelerin sıralandığı listedir. Tarayıcı bunları varsayılan olarak madde işaretleriyle (•) gösterir. Bir tarifin malzemeleri ya da bir kitaplığın konuları buna örnektir.

Sırasız liste <ul> etiketiyle açılır. İçine her bir öğe için <li> (list item) etiketi yazılır. Kısacası <ul> bir kabı, <li> o kabın içindeki her bir satırı temsil eder.

ul ve li birlikte

Doğru bir liste şöyle görünür: <ul><li>Un</li><li>Şeker</li><li>Yumurta</li></ul>. Her <li> etiketi kapanış </li> ile bitmeli ve tüm liste </ul> ile kapatılmalıdır.

Girintileme okunabilirliği artırır: her <li> satırını bir seviye içeri yazmak kodu takip etmeyi kolaylaştırır. Tarayıcı girintiyi yok sayar ama sen ve başka okuyucular için değerlidir.

Uygulama Malzeme listesi yaz

Body içine bir <ul> listesi ekle. En az üç <li> öğesi olsun; örneğin bir tarife malzeme olarak Un, Şeker ve Yumurta.

Örnek çözümü göster

<body>
  <ul>
    <li>Un</li>
    <li>Şeker</li>
    <li>Yumurta</li>
  </ul>
</body>

Kendini test et

Sırasız listede her bir öğe hangi etiketin içine yazılır?
- <ul>
- <ol>
- <li>
- <list>
Cevabı göster

<li> — Doğru. Liste öğesi <li> (list item) içine yazılır.

Listeyi kapat

<ul>
  <li>Kahve</li>
  <li>Çay</li>
____

Cevabı göster

<ul>
  <li>Kahve</li>
  <li>Çay</li>
</ul>

Etiketi rolüyle eşleştir

<ul>

Sırasız liste kabı
<li>

Liste öğesi
<p>

Paragraf
<br>

Satır kırımı

Sıradaki ders: Sıralı listeler

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler