HTML (Köprü Metni Biçimlendirme Dili) kodunu kullanarak bir web sitesini programlarken, girmeleri gereken sırayı göstermek için numaralandırılmış öğelerin bir listesini oluşturmak için sıralı bir liste kullanılır. Liste yalnızca sıralanan öğeleri göstermek için nesneleri listelemek için kullanılabilir. En önemlisinden en önemlisine veya bir işlemdeki numaralandırma adımları için. HTML kullanarak bu tür bir liste oluşturmak için kullanıcı önce bir açılış siparişi liste etiketi oluşturur. Daha sonra liste öğesi etiketlerine ekler ve listesinde görünmesi gereken gerçek öğeleri ekler. Öğenin ardından her liste öğesi etiketini kapatır ve liste tamamlandığında sipariş edilen liste etiketini kapatır.
Uygun açılış HTML etiketi <ol> ve kapanış etiketi </ol>. OL "sıralı liste" anlamına gelir. Bu tür liste, <ul> ve </ul> HTML etiketlerini kullanarak oluşturulan sıralanmamış bir listenin tam tersidir. Bilgisayar "ol" etiketini gördüğünde, listedeki öğeleri göründükleri sıraya göre numaralandırmayı bilir.
Açılış etiketini oluşturduktan sonra, kullanıcı liste öğesi anlamına gelen bir <li> etiketi ekler. Bu, listesindeki ilk öğenin açılış etiketi. Öğeyi açılış etiketinden sonra yazar ve ardından </li> olarak görünen liste öğesi kapanış etiketini ekler. Bunu listesindeki her öğe için tekrar eder. Listedeki tüm öğeleri eklediğinde, listenin sonunu göstermek için bir sonraki satırda bir <ol> kapanış etiketi kullanır.
HTML'de sıralı bir liste için kod örneği:
<Ol> <li> Sipariş edilen liste açılış etiketini ekleyin. </li> <li> Liste öğesi açılış etiketini ekleyin. </li> <li> Liste öğesi açılış etiketinden sonra listedeki ilk öğeyi yazın. </li> <li> Liste öğesi kapanış etiketini ekleyin. </li> <li> Liste öğelerinin kalanıyla tekrarlayın. </li> <li> Sipariş edilen liste kapanış etiketini ekleyin. </li> </ Ol>
Bu listenin kendisinin kodunu gösterir. Şu anda listenin biçimlendirmesini göstermiyor. Kod bir web tarayıcısında görüntülendiğinde, HTML kodunu dönüştürür ve doğru bir liste halinde görüntüler. Yukarıdaki koddan oluşturulan liste aşağıdaki gibi görünecektir:
- Sıralı liste açılış etiketini yerleştirin.
- Liste öğesi açılış etiketini ekleyin.
- Liste öğesi açılış etiketinden sonra listedeki ilk öğeyi yazın.
- Liste öğesi kapanış etiketini ekleyin.
- Liste öğelerinin kalanıyla tekrarlayın.
- Sıralı liste kapanış etiketini ekleyin.
Bu listeyi oluşturan ya da HTML kodlamasını kullanan başka herhangi bir öğe, HTML'nin daha yeni sürümleri için daha katı kuralları akılda tutmalıdır. Web sayfalarının düzenini ve görünümünü yönetmek için CSS’nin tanıtımıyla birlikte, HTML artık yalnızca bir sayfada sunulan temel bilgileri kontrol etmektedir. Ayrıca, tüm kodun tek tip olmasını sağlamak için daha katı yönergeleri takip eder. HTML ile çalışan bir kişi, kodunun bir açılış ve kapanış etiketine sahip olduğunu ve kapanış etiketinin içinde ters eğik çizgi olduğunu kontrol etmelidir. Etiketlerdeki tüm harflerin küçük harfli olmasını ve belgesinin sayfa bildirimi ile birlikte üst kısmında uygun HTML, başlık ve gövde etiketlerinin olmasını sağlamalıdır.
