HTML'de Listeler
HTML bize üç tip liste hazırlama imkanı veriyor.
Bunlar;
Sıralı listeler (ordered list )
Sırasız listeler (unordered list )
Tanımlama listeleri (definition list )
Sıralı listeler rakam veya harf yada her ikisini
içiçe kullanarak liste oluşturmamızı, sırasız listeler rakam/harf yerine madde
imleri ko***** liste oluşturmamızı sağlar. Tanımlama listeleri ise bir listeden
çok kalabalık metinlerde okumayı kolaylaştırmaya yardımcı olabilecek bir
araçtır.
Sıralı Listeler
Liste içine alınacak metinler <ol>...</ol>
etiketleri arasına alınarak yazılır. Bu etiketler listenin başladığını ve
bittiğini belirtir. Liste maddelerinin başına ise <li> (list item )
etiketini getiriyoruz. Bu etikette tıpkı <br> etiketi gibi
sonlandırılmıyor. <ol> etiketine parametreler ekleyebiliyoruz. Bunlarla
listemizin rakamla mı harfle mi başlayacağını (type ) yada hangi
rakam/harfle başlayacağını (start ) belirtebiliyoruz. Compact
parametresi ise listenin mümkün olan minimum satır aralığına sahip olmasını
sağlıyor.
Bundan sonraki örneklerimizde sayfa kodunun
yalnız body (gövde ) bölümünü vereceğiz. Kodun geri kalan kısımlarını kendi
sayfanızda tam olarak yazmayı unutmayın.
Kod:
<ol type="1">
<li>Kimya
<ol type="a">
<li>Ynorganik
<li>Analitik
</ol>
<li>Fizik
<ol type="a">
<li>Dinamik
<li>Statik
</ol>
<li>Matematik
<ol type="a">
<li>Sayılar
<li>Diğer
<ol type="i">
<li>Türev
<li>Yntegral
</ol>
</ol>
</ol>
Kimya
Organik
Inorganik
Analitik
Fizik
Dinamik
Statik
Matematik
Sayılar
Diğer
Türev
Yntegral
Listeleri buradaki örnekte olduğu gibi iç içe
hazırlamak da mümkün. Dikkat edeceğimiz nokta; işe <ol> etiketi ile
başlayıp liste maddelerinin her birisinin başına <li> etiketini getirmek
ve listelemeyi bitirmek istediğimiz yerde </ol> etiketini yazmak. Liste
içinde yeni bir liste oluşturmak istediğimizde listelenecek maddeden sonra
tekrar <ol> etiketini yazıyoruz ve bahsedilen kuralları aynen
uyguluyoruz. Type parametresinde kullanabileceğimiz değerler şunlar
olabilir; sayılar, harfler (küçük/büyük ) ve romen rakamları (i,ii,iii gibi )
Sırasız Listeler
Bu tip listelerde de mantık aynı. Fark;
listeleme yaparken maddelerin başına harf, rakam gibi unsurlar yerine küçük
yuvarlaklar, kareler kullanabilmemiz. <ol> etiketi yerine <ul>
etiketini kullanıyoruz, liste maddeleri için kullandığımız <li> etiketi
burada da geçerli. <ol> için kullanılabilecek parametreler ise şöyle;
type için disc (içi dolu daire ), circle (içi boş daire ),
square (içi dolu kare ). Compact parametresi sırasız listelerde de
kullanılabiliyor.
Kod:
<ul type="disc">
<li>Kimya
<ul type="square">
<li>Ynorganik
<li>Analitik
</ul>
<li>Fizik
<ul type="square">
<li>Dinamik
<li>Statik
</ul>
<li>Matematik
<ul type="square">
<li>Sayılar
<li>Diğer
<ul type="circle">
<li>Türev
<li>Yntegral
</ul>
</ul>
</ul>
Kimya
Organik
Ynorganik
Analitik
Fizik
Dinamik
Statik
Matematik
Sayılar
Diğer
Türev
Integral
Tanımlama Listeleri
Bu listelemede kullanılan etiketler şöyle; <dl>...</dl>
, <dd> , <dt> Listenin maddelerini belirtmek için kullandığımız
<li> etiketinin yerini burada <dd> ve <dt> etiketleri alıyor.
Aynı şekilde <ol>...</ol> veya <ul>...</ul> etiketleri arasına
aldığımız listeyi bu sefer <dl>...</dl> arasına yazıyoruz. Yine parametre
olarak <dl> etiketi içinde compact ifadesini kullanabiliriz.
Hemen örneğimize geçelim,
<font face="verdana" size="4" color="red">Neler öğrendik?</font>
<dl compact>
<dt><font size="3" color="blue">HTML nedir?</font>
<dd><font size="2" color="black">HTML (HyperText Markup
Language-Hareketli-Metin Yşaretleme Dili ) basitçe, browserlarla
görebileceğimiz, internet dökümanları oluşturmaya yarayan
bir çeşit dildir...</font>
<dt><font size="3" color="blue">HTML'de Temel Unsurlar</font>
<dd><font size="2" color="black">Bu dilde binary veya
hexadecimal kodlar yok. Herşey metin tabanlı ve bir HTML dökümanı
oluşturmak için ihtiyacınız olan şey bir editör.Piyasada iki tip editör
bulunuyor. Birisi metin tabanlı, kod yazmayı gerektiren...</font>
<dt><font size="3" color="blue">Listeler</font>
<dd><font size="2" color="black">Sıralı listeler rakam
veya harf yada her ikisini içiçe kullanarak liste oluşturmamızı, sırasız
listeler rakam/harf yerine madde imleri ko***** liste
oluşturmamızı sağlar...</font>