html kod - tr.gg - htmlkodlari - htlmkodes

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 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ı 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 Alanı:

<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 Alanı:

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

Neler öğrendik?

<dl compact>

<dt>HTML nedir?

<dd>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...

<dt>HTML'de Temel Unsurlar
<dd>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...

<dt>Listeler
<dd>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...