html öne çıkan görsel

HTML Listeler

Merhaba arkadaşlar, önceki yazımda linklere bakmıştık. Bu yazımda ise HTML listelere bakacağız.

Html Sıralı Listeler

<ol> Etiketi

Html’de sıralı listeler “ordered list” yani “sıralı liste” anlamına gelen <ol> etiketi ile başlar ve her bir sıra için ise <li> etiketi kullanılır. Bunu nasıl kullandığımızı aşağıdaki örnek koddan daha iyi şekilde görebilirsiniz.

Bu paylaştığım kodu çalıştırdığınızda göreceksiniz ki sayılar otomatik olarak verilmektedir. 1’den başlar ve listedeki eleman sayısına kadar gider.

Html Sırasız Listeler

<ul> Etiketi

İngilizce karşılığı “unordered list” olan Türkçe olarak sırasız liste diye çevirdiğimiz listelerdir. İngilizce karşılığının baş harflerinden gelmektedir. <ul> olarak kullanılır. Burada da aynı şekilde her bir sırayı belirtmek için <li> etiketi kullanılmaktadır.

Örneğine gelecek olursak:

Bu kodumuzun ekran çıktısı da aşağıdaki gibi olacaktır.

Sırasız Liste Ekran Görüntüsü

html sırasız liste örneği

Çıktımızdan da görüleceği üzere listelerimiz madde işareti ile işaretlenmiştir. <ul> etiketine stil vererek farklı madde işaretleri ile gösterim yapabilirsiniz. O konuya daha sonra değineceğim.

Umarım anlaşılır olmuştur.

Bir cevap yazın