Listeler Oluşturmak

Cihat Şeker · 14 Haziran 2008

Bildiğimiz gibi Html'de 3 tip liste vardır.Bunlar;

1-Unordered Liste(Kuralsız Liste)
2-Ordered Liste(Kurallı Liste)
3-Definitions Liste(Tanımlamalar)

Unordered List'de her yeni eleman ekleyişiniz'de sizin istediğiniz bir işareti koyar.Örneğin;Yıldız,nokta...

Ordered List'te ise her eleman eklendiğinde list sayısını bir artırır.Örneğin;1 ise 2 ,a ise b ,C ise D yapar..

Definitions'larda ise bir terim verilir ve sonra onun açıklaması verilir.Her terim ve açıklaması eklediğinizde aynı biçim de gözükecektir.

Şimdi bunların nasıl kullanıldığına bakalım;

1-Unordered Liste(Kuralsız Liste)

Şimdi örneğimiz de kare ekleyeceğiz ve her yeni elemanda onu başına ekleyecek.Üç tipte olabilir. Squre= Kare, Disc= Siyah Disk, Circle= Çember.

Kod:

<html>


       <body>


       <ul type="squre"> 


         <li>Pop


         <li>Rock


       </ul>


       </body>   


       </html>

Listelerin işaretlerini değştirmek için şimdi CSS kullanılmaktadır. O yüzden Type özeliiğini kulanmayabilirsiniz.

2-Ordered Liste (Kurallı Liste)

Bunda ise 5 tip arttırma vardır.123,abc,i ii iii,I II III... Type vermediğiniz zaman otomatikman 123 kabul edilir.

Kod:

<html>


       <body>


       <ol > 


         <li>Pop


         <li>Rock


       </ol>


       </body>   


       </html>

Bu örnekte a, b, c diye artacak.

Kod:

<html>


       <body>


       <ol type="a"> 


         <li>Pop


         <li>Rock


       </ol>


       </body>   


       </html>

3-Definitions Liste(Tanımlamalar)

Bunların bir de iç içe kullanımı vardır.

Kod:

<html>


       <body>


       <ul > 


         <li>Pop


         <ol>


          <li>Rock


       </ol>  


       </ul>


       </body>   


       </html>

Listeler Oluşturmak

Cihat Şeker

Üye