Listeler
HTML bize üç tip liste hazırlama imkanı veriyor. Bunlar;
1. Sıralı listeler (ordered list)
2. Sırasız listeler (unordered list)
3. Tanımlama listeleri (definition list)
Düz listeler
Düz liste oluşturmak için,
Listeye başlamak için belirteç açılır.<ul> ve Listeyi bitirmek için belirteç
kapatılır.</ul>
Liste elemanlarını teker teker girerken başına <li> belirteci girilir.
Kapatmak için </li> belirtecine gerek duyulmaz.
Örnek olarak;
<ul> <li> Liste elemanı - 1 <li> Liste elemanı - 2 </ul>
Görünümü Bu Şekilde
- Liste elemanı - 1
- Liste elemanı - 2
<ol> tagı ile kullanılan type elemanının alacağı değer ile listenizi
şekillendirebiliriz. Mesela type="a" olursa listeniz "a, b, c,
d" şeklinde sıralanacaktır. Ya da type="I" yazarak listenizi
roma rakamları ile sıralanır. Listenizin "e, f, g" veya "10,
11, 12" şeklinde başlamasını istersek bunu da start elemanı ile yapılır.
Mesala "10,11,12" şeklinde bir liste yapmak istersek.
<ol type="1" start="10">
<li> Elma <li> Armut <li> Kiraz </ol>
Start elemanının değeri her zaman bir sayı olmalı.
Görünümü Bu Şekilde :
- Elma
- Armut
- Kiraz
Compact parametresi ise listenin mümkün olan minimum satır aralığına sahip olmasını
sağlıyor.
Sırasız Listeler
Bu tip listede de mantık aynı. Fark, listeleme yaparken maddelerin başına harf,
rakam gibi unsurlar yerine madde imleri (küçük yuvarlaklar, kareler) kullanılır.
<ol> etiketi yerine <ul> etiketini kullanıyoruz, maddeler için kullandığımız
<li> etiketi burada da geçerli.
Sırasız Listelerde <ol> için type parametreleri ise şöyle;.
<ul type="circle"> , içi boş daire
<ul type=" disc"> , içi dolu daire
<ul type=" square"> , içi dolu kare
Örnek:
<ul type="circle"> <li> Elma <li> Armut <li> Kiraz </ul>
Görünümü Bu Şekilde :
Tanım Listeleri
Tanım listeleri yapılırken <dl> </dl> tagları kullanılır.
Yardımcı eleman olarak ise <dt> ve <dd> elemanları kullanılır.
Tanımı yapılacak başlık, <dt> ile belirtilir, <dd> ile başlık altına
metin girilir.
Örnek :
<dl compact> <dt>HTML nedir? <dd> HTML (HyperText Markup Language-Hareketli-Metin
İşaretleme Dili). <dd> Web Tarayacıda görebileceğimiz, internet dökümanları
oluşturmaya yarayan bir çeşit dildir </dl>
İçiçe Listeler
alt alta listeler yapmak için.
<ol type="A"> <li>HTML Dersleri <ol type="1"> <li>Kullanılan
Elemanlar <ul type="circle"> <li>aaa <li>bbb </ul> <li>Kullanım
Alanları <ul type="circle"> <li>ccc </ul> <li>Püf Noktaları
</ol> <li>HTML Nedir? </ol>
Görünümü Bu Şekilde :
- HTML Dersleri
- Kullanılan Elemanlar
- Kullanım Alanları
- Püf Noktaları
- HTML Nedir?