HTML eğitim serimize devam ediyoruz.Bu derste html listeleri görecez.2 çeşit listemiz mevcut.Bunlar ol ve ul.Anlatmaya başlayalım.

1-ul-li
Ul-li yapısı liste başlarına şekil koyar.Nasıl şekiller kare-daire gibi şekiller.Örnek yapalım.

<ul>

    <li>özellik-1</li>

    <li>özellik-2</li>

</ul>

Ul ile liste oluşturuyoruz.Li ile liste elemanlarını gösteriyoruz.Normal koşullarda ul-li yapısı liste başındaki şekilleri içi dolu dairedir.Bunlardan 3 tane var.

disc=içi dolu daire
circle=içi boş daire
square=içi dolu kare

<ul type="circle">

    <li>özellik-1</li>

    <li>özellik-2</li>

</ul>

Bu özellikleri type parametresi ile ul tagımıza veriyoruz.

Görüntüsü :


1-ol-li
Ol-li yapısı ise ul-li ile kullanımı aynı.Sadece ul yerine ol yazıyoruz.Buda da şekil yerine liste elemanlarının başında sayılar var.Yani 1-2-3.. gibi ilerliyolar.

<ol>

    <li>özellik-1</li>

    <li>özellik-2</li>

</ol>

Görüntüsü :