HTML - OL Etiketi Ile Sıralı Liste Oluşturma | TEKNİK AKIL

Trang chủ » Html Madde Imli Liste » HTML - OL Etiketi Ile Sıralı Liste Oluşturma | TEKNİK AKIL

Có thể bạn quan tâm

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.

XHTML <html> <body> <ol> <li>Anakart</li> <li>Ram</li> <li>Harddisk</li> <li>Ekran kartı</li> </ol> </body> </html>
12345678910<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.

XHTML <html> <body> <ol type="1"> <li>Anakart</li> <li>Ram</li> <li>Harddisk</li> <li>Ekran kartı</li> </ol> </body> </html>
12345678910<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:
XHTML <html> <body> <ol type="a"> <li>Anakart</li> <li>Ram</li> <li>Harddisk</li> <li>Ekran kartı</li> </ol> </body> </html>
12345678910<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:
XHTML <html> <body> <ol type="A"> <li>Anakart</li> <li>Ram</li> <li>Harddisk</li> <li>Ekran kartı</li> </ol> </body> </html>
12345678910<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:
XHTML <html> <body> <ol type="i"> <li>Anakart</li> <li>Ram</li> <li>Harddisk</li> <li>Ekran kartı</li> </ol> </body> </html>
12345678910<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:
XHTML <html> <body> <ol type="I"> <li>Anakart</li> <li>Ram</li> <li>Harddisk</li> <li>Ekran kartı</li> </ol> </body> </html>
12345678910<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:

XHTML <html> <body> <ol start="3"> <li>Anakart</li> <li>Ram</li> <li>Harddisk</li> <li>Ekran kartı</li> </ol> </body> </html>
12345678910<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.

XHTML <html> <body> <ol type="a" start="4"> <li>Anakart</li> <li>Ram</li> <li>Harddisk</li> <li>Ekran kartı</li> </ol> </body> </html>
12345678910<html><body><ol type="a"start="4"><li>Anakart</li><li>Ram</li><li>Harddisk</li><li>Ekran kartı</li></ol></body></html>

Từ khóa » Html Madde Imli Liste