Sıralı Listeleme
Genellikle listelerimizde maddelerin önüne işaret yerine, maddenin sırasını belirten rakam veya harf koymayı tercih ederiz. Bunun için de <ol>...</ol> (ordered list) kodlarını kullanırız. Bu kodlar arasına listeleyeceğimiz maddeleri <ul> kodunda olduğu gibi <li>...</li> arasına yazarız.
codeDivStart() <html>
<head>
<title>Halikarnas Balıkçısı</title>
</head>
<body>
Cevat Şakir Kabaağaçlı'nın kitapları:
<ol>
<li>Mavi Sürgün</li>
<li>Aganta Burina Burinata</li>
<li>Anadolu'nun Tanrıları</li>
<li>Parmak Damgası</li>
</ol>
</body>
</html>
Bu uygulamamızda maddelerin önüne sıra numaraları koymuş olduk. İşaretlerde olduğu gibi, sıra numaralarının da çeşitleri vardır. Ve alt maddeler oluşturmak olasıdır.
codeDivStart() <html>
<head>
<title>Halikarnas Balıkçısı</title>
</head>
<body>
Cevat Şakir Kabaağaçlı'nın kitapları:
<ol type="A">
<li>Mavi Sürgün</li>
<li>Aganta Burina Burinata</li>
<li>Anadolu'nun Tanrıları</li>
<li>Parmak Damgası</li>
</ol>
Cevat Şakir Kabaağaçlı'nın kitapları:
<ol type="a">
<li>Mavi Sürgün</li>
<li>Aganta Burina Burinata</li>
<li>Anadolu'nun Tanrıları</li>
<li>Parmak Damgası</li>
</ol>
Cevat Şakir Kabaağaçlı'nın kitapları:
<ol type="I">
<li>Mavi Sürgün</li>
<li>Aganta Burina Burinata</li>
<li>Anadolu'nun Tanrıları</li>
<li>Parmak Damgası</li>
</ol>
Cevat Şakir Kabaağaçlı'nın kitapları:
<ol type="i">
<li>Mavi Sürgün</li>
<li>Aganta Burina Burinata</li>
<li>Anadolu'nun Tanrıları</li>
<li>Parmak Damgası</li>
</ol>
</body>
</html>
Eğer type="..." parametresini kullanmazsanız maddeler 1,2,3... diye sıralanacaktır. Bu maddeleme şekillerini içiçe kullanarak güzel bir indeks oluşturmanız da mümkün. Bunun örneğini ben yapmayım da, siz akıl edin. (Zekânızı küçümsemek istemem.)