Sıralı Liste Oluşturmak
Sıralı liste, listedeki elemanların sıralamasının önemli olduğu durumlarda kullanılır. Örneğin "Abdest Nasıl Alınır" isminde bir listemizin olduğunu varsayalım. Abdest alma sıralaması önemli olduğu için sıralı liste kullanırız.
HTML'de sıralı liste oluşturmak için <ol> etiketini kullanırız. Böylece tarayıcıya sıralı bir liste oluşturacağımızı söylemiş oluruz. Ardından listemizin içerisine elemanlarımızı girmemiz gerekir. Bunun için <li> etiketini kullanırız.
Şimdi bir örnek yapalım ve örneğimizde "Abdest Nasıl Alınır" isminde sıralı bir liste oluşturarak içerisine elemanlarımızı girelim.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Abdest Nasıl Alınır</title>
</head>
<body>
<ol>
<li>Abdest almaya niyetlendikten sonra, Eûzü - Besmele çekilerek eller bileklere kadar yıkanır. Parmakta yüzük varsa, bu arada kımıldatılır, altına suyun geçmesi sağlanır.</li>
<li>Üç defa sağ avuca su doldurularak bu su ile ağız çalkalanır. Abdeste başlamadan önce dişler misvak ve fırça ile temizlenmemiş ise, ağza su verme işlemi sırasında parmaklarla dişler ovulabilir. </li>
<li>Bundan sonra üç defa sağ el ile burna su çekilir, sol el ile de etrafı rahatsız etmeyecek şekilde sümkürüp temizlenir.</li>
<li>İki avuca su alınarak üç defa yüzün her tarafı yıkanır.</li>
<li>Dirseklerle birlikte, önce sağ kol, sonra sol kol üçer defa yıkanır.</li>
<li>Eller ıslatılıp sağ elin içi ile başın ön kısmına meshedilir. </li>
<li>Başın meshinden sonra elde kalan yaşlık ile veya el yeniden ıslatılarak kulak ve boyun da meshedilir.</li>
<li>Önce sağ ayak, sonra da sol ayak topuklarla birlikte üçer kere iyice yıkanır. Parmak aralarına su geçirtilir. Gerek abdest sırasında, gerekse abdestten sonra, abdest dualarının okunması çok sevablıdır.</li>
</ol>
</body>
</html>Gördüğünüz gibi ilk önce listemizin türünü belirtmek için <ol> etiketini kullandık. Ardından listemizin elemanlarını girmek için <li> etiketini kullandık. Fark ettiyseniz listemiz otomatik olarak numaralandırılmış oldu. Numaralandıma işlemini <p> etiketleriyle kendimiz de yapabilirdik fakat ortadan bir elemanı sildiğimiz zaman tüm paragrafları yeniden numaralandırmamız gerekirdi.