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.
<html>
<head>
<title>Sıralı liste</title>
</head>
<body>
<ol>
<li>Muhammed</li>
<li>DİNÇER</li>
<li>DNCR</li>
</ol>
</body>
</html>
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:
<html>
<head>
<title>Sırasız liste</title>
</head>
<body>
<ul>
<li>Luppo</li>
<li>Kola</li>
<li>Halley</li>
</ul>
</body>
</html>
Bu kodumuzun ekran çıktısı da aşağıdaki gibi olacaktır.
Sırasız Liste Ekran Görüntüsü
Çı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.
