HTML Liste
Bu yazıda, HTML'de farklı liste türlerinin nasıl oluşturulacağını öğreneceksiniz.
HTML Listeleri ul>li ol>li
HTML listeleri, bilgi listesini iyi biçimlendirilmiş ve anlamsal bir şekilde sunmak için kullanılır. HTML'de farklı liste türü vardır ve her birinin belirli bir amacı ve anlamı vardır.
Sırasız liste - Belirli bir sıra olmadan ilgili öğelerin bir listesini oluşturmak için kullanılır.
Sıralı liste - Belirli bir sırayla ilgili öğelerin bir listesini oluşturmak için kullanılır.
HTML Sırasız Listeler
ul Öğeyi kullanarak sıralanmamış bir liste oluşturulur ve her liste öğesi li ile başlar , menu yapımlarında oldukça sık kullanılır.
HTML Sıralı Listeler
ol Öğe kullanılarak sıralı bir liste oluşturulur ve her liste öğesi li ile başlar. Sıralı listeler, listenin öğelerinin sırası önemli olduğunda kullanılır. Genelde slider gibi nesnelerin içinde kullanılırlar.
<!--Sırasız Listeler--><ul>
<li>Arabalar</li>
<li>Minibüsler</li>
<li>Kamyonlar</li>
</ul>
<!--İç İçe Sırasız Listeler-->
<ul>
<li>Arabalar <ul>
<li>BMW</li>
<li>Fiat</li>
<li>Toyota</li>
</ul>
</li>
<li>Minibüsler</li>
<li>Kamyonlar</li>
</ul>
<!--Sırasız Listeler--><ol>
<li>Arabaya bin</li>
<li>Kemerini Bağla</li>
<li>Yola çık</li>
</ol>
Menü yapılmalrında liste kullanımı oldukça yaygındır. CSS stilleri ile kullanım görsel olarak desteklenebilir. Jquery ile animasyon ve alt kırılımların ulaşılması kolaylaşır.
