30 – Html Listeler
Birden fazla html içeriğini bir grup içerisinde sunmaya yarar.
Ordered Lists (sıralı listeler), Unordered List (Sırasız Listeler) ve Açıklama Listeleri olarak 3 kısma ayrılır.
Ordered Lists – Sıralı Listeler
Sıralı listeler sayı veya alfabetik olarak sıralı halde sunulan listelerdir.
<ol> etiketi ile açılır ve </ol> etiketi ile sonlandırılır.
<ol> açılış ve kapanış etiketleri içerisinde sunacağımız liste öğeleri <li> etiketi ile eklenir.
Kullanım Örneği:
<ol>
<li> ..... </li>
<li> ..... </li>
</ol>
Örnek
<html>
<head>
<title>Html Sıralı Liste</title>
</head>
<body>
<ol>
<li>Html Dersleri</li>
<li>Css Dersleri</li>
<li>Javascript Dersleri</li>
<li>Dart Dersleri</li>
</ol>
</body>
</html>Unordered Lists – Sırasız Listeler
Sıralı halde sunulmayan, başına sıra numaraları gelmeyen listelerdir.
<ul> etiketi ile açılır </ul> etiketi ile sonlanır. ul etiketleri içerisinde yine <li> etiketleri arasına sıralamak istediğimiz öğeler yazılır.
<ul>
<li>.....</li>
<li>.....</li>
</ul>Örnek
<html>
<head>
<title>Html Sırasız Liste</title>
</head>
<body>
<ul>
<li>Html Dersleri</li>
<li>Css Dersleri</li>
<li>Javascript Dersleri</li>
<li>Dart Dersleri</li>
</ul>
</body>
</html>Html Description Lists – Açıklama Listeleri
Description List anlamına gelen <dl> etiketi ile açıklama listeleri oluşturulabilir.
<dl> açılıp ve </dl> kapanış etiketleri arasına <dt> etiketi ile açıklaması yapılacak metin yazılır ve </dt> etiketi ile sonlandırılır.
<dt> açılış ve </dt> kapanış etiketleri içerisinde, <dd> etiketi ile açıklaması yapılır ve yine </dd> etiketi ile sonlanır.
<dl>
<dt> Başlık - Açıklanacak Öğe </dt>
<dl>Açıklama Kısmı</dl>
<dt> Başlık - Açıklanacak Öğe </dt>
<dl>Açıklama Kısmı</dl>
</dl>
Örnek
<html>
<head>
<title>Html Açıklama Listeleri</title>
</head>
<body>
<dl>
<dt>Html Dersleri</dt>
<dd>Baştan Sona Full Ücretsiz Html Dersleri</dd>
<dt>Css Dersleri</dt>
<dd>Baştan Sona Full Ücretsiz Css Dersleri</dd>
<dt>Javascript Dersleri</dt>
<dd>Baştan Sona Full Ücretsiz Javascript Dersleri</dd>
</dl>
</body>
</html>