HTML’de Listeleme

HTML’de listeleme 3 çeşittir. Bunlara Sıralı, sırasız ve tanımlama listeleri denir. Bunları bir konuyu anlatırken, bir menü yapacağımızda kullanırız. Şimdi bunları inceleyelim;

Sıralı Listeler

<ol><li> etiketleriyle eklenen nesneler numaralandırılarak sıralanır. Bu kodda <ol> listenin sıralı olacağını belirtir. Her madde <li>…</li> etiketi ile belirtilir ve Sıralı listeler </ol> koduyla biter.

<ol>
   <li>Web</li>
   <li>Teknoloji</li>
   <li>Sosyal Medya</li>
</ol>

Sırasız Listeler

Herhangi bir sıralama numarası bulunmayan listelere verilen isimdir. Sırasız listelere Madde işaretleri de denir. <ul><li> etiketleri kullanarak sıralanır. Bu kodda <ul> listenin sırasız olacağını belirtir. Her madde <li>…</li> etiketi ile belirtilir ve sırasız listeler </ul> koduyla biter.

<ul>
   <li>Web</li>
   <li>Teknoloji</li>
   <li>Sosyal Medya</li>
</ul>

Tanımlama Listeleri

Tanımlama listelerine Kategori şeklinde Listeleme de denir. Bu şekilde listeleme yapılarak maddelerin altına açıklama yazılabilir.

Bu tür listeler <dl> ile başlar </dl> ile biter. Bu kodlar arasına <dt>…</dt> kodları yazılır. Bunlar <dl> ye yakın olan kodlardır. Bir seviye daha alta inilmek istendiğinde <dd>…</dd> kodları kullanılır. Bunun ne anlama geldiğini örneğimizle daha iyi anlayacağız.

 <dl>
   <dt>Teknoloji</dt>
     <dd>Buluşlar</dd>
     <dd>Programlar</dd>
   <dt>Sosyal Medya</dt>
      <dd>Facebook</dd>
      <dd>Twitter</dd>
      <dd>Instagram</dd>
</dl>
Teknoloji
Buluşlar
Programlar
Sosyal Medya
Facebook
Twitter
Instagram

Bir tanımlama listesi içerisinde paragraflar, resimler, linkler, başka listeler, satır boşlukları vb. öğeler bulunabilir.

Listeleme Etiketleri

Etiket Açıklama
<ol> Sıralı listeler
<ul> Sırasız listeler
<li> Liste maddesi
<dl> Tanımlama listesi
<dt> Terim tanımı
<dd> Tanım açıklaması

 

DAHA FAZLA İÇERİK

C# (Sharp) Nedir? C# (Sharp) Nedir?

7 Aralık 2015, Pazartesi

HTML ile Bağlantı oluşturma HTML ile Bağlantı oluşturma

31 Aralık 2014, Çarşamba

Vimeo Nedir? Vimeo Nedir?

23 Aralık 2014, Salı

SİZDE YORUM YAPIN

YouTube Videolarından GIF Yapın

YouTube Videolarından GIF Yapın 12 Aralık 2014, Cuma

Open DNS ile engelleri kaldırın

Open DNS ile engelleri kaldırın 1 Aralık 2014, Pazartesi

Facebook Gruba Toplu Arkadaş Ekleme

Facebook Gruba Toplu Arkadaş Ekleme 20 Şubat 2016, Cumartesi

Bilgisayarda DNS Ayarları

Bilgisayarda DNS Ayarları 24 Aralık 2015, Perşembe

Google’dan da büyüğü var

Google’dan da büyüğü var 11 Ağustos 2015, Salı