Html de üç şekilde listeleme yapmamıza imkan var.Bu liste şekilleri ;
Sıralı listeler (ordered list )
Sırasız listeler (unordered list )
Tanımlama listeleri (definition list )’dir.

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 koyarak 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>

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>

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>

<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”>HTMLde 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 koyarak liste
oluşturmamızı sağlar…</font>

Alıntıdır. Kaynak