HTML Sıralı Listeler - Web Tasarım & Programlama

OL etiketi sıralı liste oluşturmak için kullanılır. Kelime işlemci programındaki numaralandırma işlemi ile aynıdır. Listeleme işlemi harf, rakam veya roma rakamı şeklinde yapılabilir. Belirteceğiniz parametreler yardımı ile de istediğiniz harf, rakam veya roma rakamından başlayarak sıralı listenizi oluşturabilirsiniz. liste_html_1

Type parametresi kullanarak listenin rakamla mı harfle mi başlayacağını belirleyebiliriz. “A” harfi yerine küçük “a” harfi yazılırsa sıralama a, b, c, …. şeklinde küçük harflerle olacaktır. liste_html_2

“I” harfi yerine küçük”i” harfi yazılırsa, sıralama i, ii, iii,…. şeklinde küçük roma rakamları ile yapılacaktır.

liste_html_3

Sıralamanın her zaman “1” den veya “A” dan başlamasını istemeyebiliriz. Bu tür durumlarda Start parametresi kullanılır. Start parametresinin her zaman sayı olması gerekmektedir. Örneğin sıralamayı “C” harfinden başlatmak istiyorsak start değerine “C” yazmak yerine “3” yazmak zorundayız.

liste_html_4

İç İçe Sıralı Liste Oluşturma

OL etiketlerini iç içe kullanarak listeler oluşturulabiliriz. Örneğimizde bilgisayar parçalarıyla ilgili basit bir liste gerçekleştirelim.

<!doctype html> <html> <head> <meta charset="utf-8"> <title>Liste Örnekleri-1</title> </head> <body> <ol> <li> İŞLEMCİ <ol> <li>INTEL</li> <li>AMD</li> </ol> </li> <li> HDD <ol> <li>Seagete <ol type="a"> <li>SSD</li> <li>SATA</li> </ol> </li> <li> Western Digital </li> </ol> </li> <li> RAM </li> </ol> </body> </html>
12345678910111213141516171819202122232425262728293031323334353637383940 <!doctype html><html><head><meta charset="utf-8"><title>Liste Örnekleri-1</title></head><body><ol><li> İŞLEMCİ<ol><li>INTEL</li><li>AMD</li></ol></li><li> HDD<ol><li>Seagete<ol type="a"><li>SSD</li><li>SATA</li></ol></li><li> Western Digital</li></ol></li><li> RAM</li></ol></body></html>

Ekran çıktısı:

liste_html_5

Bunu paylaş:

  • X
  • Facebook

Từ khóa » Html Kodları Liste Oluşturma