html-liste

Sırasız bir liste <ul> etiketi ile başlar . Her liste öğesi <li> etiketi ile başlar .

Liste öğeleri varsayılan olarak madde işaretleriyle (küçük siyah daire) işaretlenecektir:

< ul>

<li>kahve</li>

<li>Çay</li>

<li>Süt</li>

< /ul>


CSS liste stili türü özelliği, liste madde işaretçisinin stilini tanımlamak için kullanılır:

disc Liste öğesi işaretçisini madde işaretine ayarlar (varsayılan) Dairesel ufak içi dolu nokta

circle Liste öğesi işaretçisini bir çevreye ayarlar Dairesel ufak içi boş nokta

square Liste öğesi işaretleyicisini bir kareye ayarlar Kare içi dolu ufak kare

none Liste öğeleri işaretlenmeyecek Hiç bir işaret yok

< ul style="list-style-type:circle">

<li>kahve</li>

<li>Çay</li>

<li>Süt</li>

< /ul>


Sıralı bir liste <ol> etiketi ile başlar . Her liste öğesi <li> etiketi ile başlar .

Liste öğeleri varsayılan olarak sayılarla işaretlenecektir:

< ol>

<li>kahve</li>

<li>Çay</li>

<li>Süt</li>

< /ol>


type <ol> etiketinin niteliği, liste öğesi işaretleyici türünü tanımlar:

type="1" Liste öğeleri sayılarla numaralandırılacak (varsayılan)

type="A" Liste öğeleri büyük harflerle numaralandırılacaktır

type="a" Liste öğeleri küçük harflerle numaralandırılacaktır

type="I" Liste öğeleri, büyük harfli roman numaraları ile numaralandırılacaktır

type="i" Liste öğeleri küçük harfli roman numaraları ile numaralandırılacaktır


< ol type="1">

<li>kahve</li>

<li>Çay</li>

<li>Süt</li>

< /ol>


HTML ayrıca açıklama listelerini destekler.

Bir açıklama listesi, her terimin bir açıklaması olan terimlerin bir listesidir.

< Dl> etiketi, açıklama listesi tanımlar <dt> etiket terimi (ad) tanımlar ve <dd> etiketi her dönem açıklanmaktadır:


< dl>

<dt>Kahve</dt>

<dd>Siyah Sicak İçecek</dd>

<dt>Süt</dt>

<dd>Soğuk Beyaz içecek</dd>

< /dl>


Liste iç içe geçmiş olabilir (listeler içindeki listeler):

< ul>

<li>Kahve</li>

<li>Çay

<ul>

<li>Siyah Çay</li>

<li>Yeşil Çay</li>

</ul>

</li>

<li>Süt</li>

< /ul>


Sırasız bir liste tanımlamak için HTML <ul> öğesini kullanın

Liste öğesi işaretleyicisini tanımlamak için CSS liste stili türü özelliğini kullanın

Sipariş edilen bir listeyi tanımlamak için HTML <ol> öğesini kullanın

Numaralandırma türünü tanımlamak için HTML türü özniteliğini kullanın

Bir liste öğesi tanımlamak için HTML <li> öğesini kullanın

Bir açıklama listesi tanımlamak için HTML <dl> öğesini kullanın

Tanımlama terimini tanımlamak için HTML <dt> öğesini kullanın

Terimi tanımlama listesinde tanımlamak için HTML <dd> öğesini kullanın

Listeler listelerde iç içe yerleştirilebilir

Liste öğeleri diğer HTML öğelerini içerebilir

Listeyi yatay olarak görüntülemek için CSS özelliği float: left veya display: inline kullanın.