HTML Listeleri
HTML ile Sıralı veya sırasız listeler oluşturmak çok kolay.
Örnekler
Sırasız
<html>
<body>
<h3> Sirasiz Liste </h3>
<ul><li>Kahve</li><li>Cay</li><li>Sut</li></ul>
</body>
</hmtl>
Sıralı
<html>
<body>
<h3> Sirali Liste </h3>
<ol><li>Kahve</li><li>Cay</li><li>Sut</li></ol>
</body>
</hmtl>
Konuya giriş örneklerinde gördüğümüz gibi iki çeşit listeleme komutu vardır (sırasız listeler için ul ve sıralı listeler için ol). Her iki liste komutu ile HTML listemizi başlatıyoruz ve listenin her elemanını <ls> komutu ile giriyoruz.
Tanımlı Liste
Ayrıca tanım listesi kurmak için <dl> komutu ile tanım listesini başlatıyoruz. Listenin her elemanını <dt> kodu ile giriyoruz ve her tanımı da <dd> komutu ile giriyoruz.
<html>
<body>
<dl>
<dt>Sicak icecekler</dt>
<dd>kahve cay gibi</dd>
<dt>Soguk icecekler</dt>
<dd>sut meyve suyu gibi</dd>
</dl>
</body>
</hmtl>
Örnekler
Sıralı Liste Örnekleri
<html>
<body>
<h3>numarali liste</h3>
<ol><li>Elma</li><li>Armut</li><li>Kavun</li><li>Karpuz</li></ol>
<h3>harfli liste</h3>
<ol type="A"> <li>Elma</li><li>Armut</li><li>Kavun</li><li>Karpuz</li></ol>
<h3>kucuk harfli liste</h3>
<ol type="a"> <li>Elma</li><li>Armut</li><li>Kavun</li><li>Karpuz</li></ol>
<h3>roma rakamlı liste</h3>
<ol type="I"> <li>Elma</li><li>Armut</li><li>Kavun</li><li>Karpuz</li></ol>
<h3>kucuk roma rakamli liste</h3>
<ol type="i"> <li>Elma</li><li>Armut</li><li>Kavun</li><li>Karpuz</li></ol>
</body>
</hmtl>
.jpg "ornek1")
Sırasız Liste Örnekleri
<html>
<body>
<h3>disk liste</h3>
<ul type="disc"><li>Elma</li><li>Armut</li><li>Kavun</li><li>Karpuz</li></ul>
<h3>daire liste</h3>
<ul type="circle"> <li>Elma</li><li>Armut</li><li>Kavun</li><li>Karpuz</li></ul>
<h3>kare liste</h3>
<ul type="square"> <li>Elma</li><li>Armut</li><li>Kavun</li><li>Karpuz</li></ul>
</body>
</hmtl>
İç İçe Liste
<html>
<body>
<h3>ic ice listeler</h3>
<ul type="disc"><li>Kahve<ul type="square"><li>turk kahvesi</li><li>neskafe</li></ul></li>
<li><ul type="square"><li>siyah cay</li><li>kacak cay</li></ul></li><li>sut</li></ul>
</body>
</hmtl>
İç İçe Liste 2
<html>
<body>
<h3>ic ice listeler 2</h3>
<ul type="disc"><li>Kahve<ul type="square"><li>turk kahvesi</li><li>neskafe</li></ul></li>
<li><ul type="square"><li>siyah cay</li><li>kacak cay</li><li>yesil cay<ul type="circle"><li>Cin</li><li>Afrika</li></ul></li></ul></li><li>sut</li></ul>
</body>
</hmtl>
Listeleme Komutları
<ol> Sıralı Liste
<ul> Sırasız Liste
<li> Liste elemanı
<dl> Tanımlı Liste
<dt> Tanımlı Liste elemanı
<dd> eleman tanımı
Sonraki ders için tıklayınız...
Copyright © 2005 Uzerine.com