HTML Listeleme

  • HTML’de listeleme yapmak <ul> veya <ol> etiketi kullanılabilir. HTML <li> etiketi ile de listenin öğeleri belirtilir.
  • HTML’de listeleme sıralı ve sırasız listeler oluşturmanın yanı sıra menü yapımında da (dikey menüler, yatay menüler, açılır menüler) sıkça kullanılır.
  • İngilizcesi unordered list olan ul etiketi sırasız listeleme, İngilizcesi ordered list olan ol etiketi de sıralı listeleme anlamına gelmektedir.

HTML Sırasız Listeleme (ul etiketi kullanımı)

<ul>
  <li>Kalem</li>
  <li>Silgi</li>
  <li>Cetvel</li>
</ul>
  • Kalem
  • Silgi
  • Cetvel

HTML Sıralı Listeleme (ol etiketi kullanımı)

<ol>
  <li>Kalem</li>
  <li>Silgi</li>
  <li>Cetvel</li>
</ol>
  1. Kalem
  2. Silgi
  3. Cetvel

ol etiketi type özelliği

type özelliği ile sıralı listenin tipi belirtilir. Kullanım biçimleri aşağıdaki gibidir.

<ol type="A">
  <li>Kalem</li>
  <li>Silgi</li>
  <li>Cetvel</li>
</ol>

<ol type="a">
  <li>Kalem</li>
  <li>Silgi</li>
  <li>Cetvel</li>
</ol>

<ol type="i">
  <li>Kalem</li>
  <li>Silgi</li>
  <li>Cetvel</li>
</ol>

<ol type="I">
  <li>Kalem</li>
  <li>Silgi</li>
  <li>Cetvel</li>
</ol>
  1. Kalem
  2. Silgi
  3. Cetvel
  1. Kalem
  2. Silgi
  3. Cetvel
  1. Kalem
  2. Silgi
  3. Cetvel
  1. Kalem
  2. Silgi
  3. Cetvel
466 Views
18380cookie-checkHTML Listeleme

Leave a Reply

Your email address will not be published. Required fields are marked *