Bir kullanıcı bir web sayfasına bir liste koymak isterse, mevcut iki seçenek vardır - sıralı bir liste ve sıralanmamış bir liste. İkisi arasındaki fark, sıralı bir listede, maddelerin artan bir sayı veya harfle gösterilmiş olmasıdır, oysa sıralanmamış bir listedeki öğeler için bir HTML mermisi kullanılır. Her listenin farklı bir HTML etiketi vardır; sıralı listeler için <OL> </OL> ve sıralı listeler için <UL> </UL> kullanılır.
Bir web tarayıcısı bir web sayfası oluştururken ve <UL> etiketiyle karşılaştığında, bir listenin takip ettiği söylenir. Listedeki her öğeye liste öğesi etiketi veya <LI> gelir. Her <LI> konumunda, tarayıcı listedeki yeni öğeyi başlatmak için bir HTML madde işareti ekler. Bir listeyi kodlarken, <LI> etiketinin her bir öğenin önüne yerleştirilmesi önemlidir. Ayrıca, bir kapanış etiketi bulunmadığından sonraki <LI> etiketi, tarayıcının yeni bir HTML mermisine koymanın tek yoludur.
Bir web sayfasında madde imli bir liste oluşturma kodu aşağıdaki gibi görünecektir:
- <Ul>
<LI> Liste Öğesi
<LI> Liste Öğesi
<LI> Liste Öğesi
</ Ul>
Bir listeye dahil edilebilecek öğe sayısında bir sınırlama yoktur. Listeyi doğru kodlamak, web tarayıcısında düzgün görüntülenmesini sağlayacaktır.
Bir HTML mermisini listelenen öğelerin önüne yerleştirme söz konusu olduğunda, üç farklı seçenek vardır. Mevcut seçenekler disk, daire ve karedir. Varsayılan HTML mermisi bir daire şeklindedir, bu nedenle bir tür eklenmemişse, web tarayıcısı otomatik olarak o mermiyi ekler. Bir liste bir listeye gömülü olduğunda, gömülü listenin HTML mermisi disktir.
Madde işareti türü, belirli bir liste öğesi için veya listenin tamamı için değiştirilebilir. Belirli bir liste öğesini değiştirmek için aşağıdaki kod eklenecektir: type = "square / disc / circle." Kare mermili bir liste öğesi için, kod aşağıdaki şekilde okunur: <LI type = "square">. "Kare" yi "disk" veya "daire" olarak değiştirmek, istenen HTML mermisinin eklenmesini sağlayacaktır.
Listenin tamamı için kullanılan madde işaretini değiştirmek için, type özelliği sıralanmamış liste etiketine eklenir. Bu durumda, kullanıcı kare olan madde işaretleri içeren bir liste isterse, <UL> etiketi aşağıdaki gibi yazılır: <UL type = "square">. Liste öğeleri yalnızca <LI> etiketi kullanılarak belirtilirse, hepsinde kare mermi bulunur. <LI> etiketine bir tür eklemek, söz konusu liste öğesini kare madde işaretinden başka bir HTML madde işaretine değiştirir.
