Sıralı Liste Nasıl Yapılır?
|
Bazen sayfamız da listeler kullanmak zorunda kalırız. Mesela sevdiğimiz müzik türlerini düzene sokmamız gerekebilir. Şimdi sıralı listelere birkaç örnek verelim:
|
Numaralı (ya da) başka tür listeler yapalım: |
Bilgilerimizi düzene sokmamıza yarayan sıralı listeler <OL> </OL> etiketlerinin arasına < LI> ekliyerek yapılır. |
En sevdiğim hayvanlar:
<ol>
<li>Kediler
<li>Köpekler
<li>Balıklar
<li>Kuşlar
</ol>
|
Bu kodların oluşturduğu sıralı liste aşağıdaki gibidir: |
En sevdiğim Hayvanlar:
- Kediler
- Köpekler
- Balıklar
- Kuşlar
|
Sıralı listemizin sıra numarasını Roma Rakamları ile göstermek istersek <OL> etiketimizin yanına "type" değerinin yanına Roma Rakamlarından birini yazarız.
(Mesela I ): |
En sevdiğim hayvanlar:
<ol type="I">
<li>Kediler
<li>Köpekler
<li>Balıklar
<li>Kuşlar
</ol> |
Bu kodların oluşturduğu sıralı liste aşağıdaki gibidir: |
En sevdiğim Hayvanlar:
-
Kediler
- Köpekler
- Balıklar
- Kuşlar
|
|
Listemizin Sıralamasında Harfler kullanalım (type) |
Listelerimizin sıralanmasnda rakam değil de harf kullanmak istiyorsak <OL> etiketinin yanındaki "type" değerinin karşısına "a" yazmamız yeterli.. Belli bir harften başlamanız gerekiyorsa start etiketini kullanmanız gerekiyor... Hangi harften başlamasını istiyorsanız onun sıra numarasını yazmalısınız... |
En sevdiğim hayvanlar:
<ol type="a">
<li>Kediler
<li>Köpekler
<li>Balıklar
<li>Kuşlar
</ol> |
En sevdiğim Hayvanlar:
<ol type="a" start="3">
<li>Kediler
<li>Köpekler
<li>Balıklar
<li>Kuşlar
</ol> |
Bu kodların oluşturduğu sıralı liste aşağıdaki gibidir: |
En sevdiğim Hayvanlar:
- Kediler
- Köpekler
- Balıklar
- Kuşlar
|
En sevdiğim Hayvanlar:
- Kediler
- Köpekler
- Balıklar
- Kuşlar
|
Bugün sayılı listeleri öğrendik. Bir de sayısız listeler ve Tanımlama Listeleri var... Bunları da bir sonraki dersimizde öğreneceğiz.
Ne kadar çok deneme yaparsak o kadar çok şey öğreniriz. Bunu unutmuyoruz değil mi? Denemekten bıkmayın..
Bir de gezdiğiniz web sitelerinin kaynak kodlarını incelerseniz nasıl yapıldığını anlayabilirsiniz.
|
 |
|