Web sayfası içerisinde sıralı liste oluşturmak için <ol> ve <li> etiketleri kullanılır. <ol> etiketi listenin başladığını belirtirken </ol> etiketi ile liste sonlandırılır. ORDERED LIST (OL) kelimelerinin kısaltmasıdır.
Listenin her elemanı <li> … </li> etiketleri arasına yazılır.
1 2 3 4 5 6 7 8 9 10 | <html> <body> <ol> <li>Anakart</li> <li>Ram</li> <li>Harddisk</li> <li>Ekran kartı</li> </ol> </body> </html> |
1,2,3… şeklinde artan sıralı liste oluştururken tip belirtmemize gerek yoktur. Yazılsa da yanlış olmayacaktır.
1 2 3 4 5 6 7 8 9 10 | <html> <body> <ol type="1"> <li>Anakart</li> <li>Ram</li> <li>Harddisk</li> <li>Ekran kartı</li> </ol> </body> </html> |
Ancak a,b,c veya A,B,C gibi farklı sıralama seçenekleri kullanılacak ise <ol> etiketi içerisinde type parametresi kullanılmalıdır.
Type Parametresi
type parametresi, listenin başında gösterilen madde imlerini ayarlamak için kullanılır.
a, b, c… şeklinde sıralı liste oluşturmak için:
1 2 3 4 5 6 7 8 9 10 | <html> <body> <ol type="a"> <li>Anakart</li> <li>Ram</li> <li>Harddisk</li> <li>Ekran kartı</li> </ol> </body> </html> |
A, B, C… şeklinde sıralı liste oluşturmak için:
1 2 3 4 5 6 7 8 9 10 | <html> <body> <ol type="A"> <li>Anakart</li> <li>Ram</li> <li>Harddisk</li> <li>Ekran kartı</li> </ol> </body> </html> |
i, ii, iii … şeklinde sıralı liste oluşturmak için:
1 2 3 4 5 6 7 8 9 10 | <html> <body> <ol type="i"> <li>Anakart</li> <li>Ram</li> <li>Harddisk</li> <li>Ekran kartı</li> </ol> </body> </html> |
I, II, III… şeklinde sıralı liste oluşturmak için:
1 2 3 4 5 6 7 8 9 10 | <html> <body> <ol type="I"> <li>Anakart</li> <li>Ram</li> <li>Harddisk</li> <li>Ekran kartı</li> </ol> </body> </html> |
START parametresi kullanımı
Listenin farklı elemanından başlaması isteniyorsa START parametresi kullanılmalıdır. Örneğin listenin 3,4,5… şeklinde olması isteniyorsa:
1 2 3 4 5 6 7 8 9 10 | <html> <body> <ol start="3"> <li>Anakart</li> <li>Ram</li> <li>Harddisk</li> <li>Ekran kartı</li> </ol> </body> </html> |
1,2,3… dışındaki diğer listelerde başlaması istenilen karakterin sırası yazılır. Örneğin listenin d,e,f… şeklinde olması isteniyorsa START parametresine d harfinin sırasını ifade eden 4 sayısı yazılır.
1 2 3 4 5 6 7 8 9 10 | <html> <body> <ol type="a" start="4"> <li>Anakart</li> <li>Ram</li> <li>Harddisk</li> <li>Ekran kartı</li> </ol> </body> </html> |
