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ı