Html ile Web İşlemleri 14 - Listeleme Etiketleri

LİSTELEME ETİKETLERİ

HTML web sayfalarında kullanılan üç tür HTML listeleme etiketi (Tablo 3.3) şunlardır:

Tablo 3.3: Listeleme Etiketleri

Etiket	Açıklama
<ul>	Listeleri madde işaretleri ve daireler aracılığıyla listelemek için kullanılır.
<ol>	Listeleri numaralandırmak için kullanılır.
<dl>	Sözlük düzenleme şeklinde listelemek için kullanılır.

1. Sıralı Liste Etiketleri

Sıralı listeler <ol> etiketi ile oluşturulur. Liste ögeleri ise <li> etiketi kullanılarak sıralanır. Sıralı listelerin sırasız listelerden farkı numaraya sahip olmalarıdır.

Sıra Sizde

Sıralı liste etiketi kullanılarak oluşturulmuş aşağıdaki HTML listeleme komutlarını kullanarak HTML belgesi oluşturunuz ve tarayıcıda görüntüleyiniz (Görsel 3.16).

<ol>
  <li>Vatanseverlik</li>
  <li>Yardımlaşma</li>
  <li>Sorumluluk</li>

  <li>Merhamet</li>

  <li>Dürüstlük</li>

  <li>Hoşgörü</li>

  <li>Saygı</li>

  <li>Sevgi</li>

</ol>

Görsel 3.16. Sıralı liste

2. Sırasız Liste Etiketleri

Sırasız listeler <ul> etiketi ile oluşturulur. Liste ögeleri ise <li> etiketi kullanılarak sıralanır.

Sıra Sizde

Sırasız liste etiketi kullanılarak oluşturulmuş aşağıdaki HTML listeleme komutlarını kullanarak HTML belgesi oluşturunuz ve tarayıcıda görüntüleyiniz (Görsel 3.17).

<ul>
  <li>Vatanseverlik</li>
  <li>Yardımlaşma</li>
  <li>Sorumluluk</li>
  <li>Merhamet</li>
  <li>Dürüstlük</li>
  <li>Hoşgörü</li>
  <li>Saygı</li>
  <li>Sevgi</li>
</ul>

Görsel 3.17: Sırasız liste

3. Tanım Listesi Etkileri

Tanım listeleri <dl> etiketi ile oluşturulur. Liste ögeleri ise <dt> etiketi kullanılarak sıralanır. Diğer listeleme etiketlerinden farklı olarak <dd> etiketi kullanılarak liste ögelerinin açıklamaları yapılır.

Sıra Sizde

Tanım listesi etiketleri kullanılarak oluşturulmuş aşağıdaki HTML listeleme komutlarını kullanarak HTML belgesi oluşturunuz ve tarayıcıda görüntüleyiniz.

<dl>
  <dt>Ahlak</dt>
    <dd>Bir toplumun en üst genel standartlarını içerir. </dd>
  <dt>Etik</dt>
    <dd>Toplumdaki belirli bir mesleğin, işin, kurumun veya grubun standartlarıdır. </dd>
  <dt>Meslek Ahlakı</dt>
    <dd> Mesleğin genel ilkelerini ve standartlarını ortaya koyan ve mesleği yapan bireylere
    yol gösteren ilkeler bütünüdür.</dd>
</dl>

Modüler Sistem Konuları

5.1.8. Colspan

Colspan, aynı satırdaki hücreleri birleştirmek için kullanılır.

Örnek:

5.1.9. Rowspan

Rowspan, aynı sütundaki hücreleri birleştirmek için kullanılır.

Örnek: