Listeler Oluşturmak

Bu dersimizde listeleme nasıl olur ve çeşitlerini öğreneceğiz.

Evet arkadaşlar;

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.


<html>

       <body>

       <ul type="squre"> 

         <li>Fuat 

         <li>Şengül

       </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.


<html>

       <body>

       <ol > 

         <li>Fuat 

         <li>Şengül

       </ol>

       </body>   

       </html>



Bu örnekte a, b, c diye artacak.


<html>

       <body>

       <ol type="a"> 

         <li>Fuat 

         <li>Şengül

       </ol>

       </body>   

       </html>



3-Definitions Liste(Tanımlamalar)

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


<html>

       <body>

       <ul > 

         <li>Fuat 

         <ol>

          <li>Şengül

       </ol>  

       </ul>

       </body>   

       </html>



Bir sonraki dersimizde görüşmek üzere...
  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

güzel anlatım kardeş eyw:)

Yukarı Git