Günün Sözü


Günün Sözü

19 Haziran 2009 Cuma

"Gömleğin bir düğmesi yanlış iliklensin, diğerleri de yanlış olur."


Reklam Siteye Destek

İçin Reklamı Tıklayın

--------------------------


•Bilgi-avim


Pagerank


 


BiLgi Dünyası

HTML'de Liste Etiketinin Kullanımı

HTML'de Liste Etiketinin Kullanımı

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. Listenin 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: Tümünü seç
<ol type="1">
<li>Kimya
<ol type="a">
<li>İnorganik
<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>İntegral
</ol>
</ol>
</ol>


Resim

Listeleri buradaki örnekte olduğu gibi iç içe hazırlamak ta 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 listede 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, maddeler için kullandığımız <li> etiketi burada da geçerli. <ol> için 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: Tümünü seç
<ul type="disc">
<li>Kimya
<ul type="square">
<li>İnorganik
<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>İntegral
</ul>
</ul>
</ul>


Resim


Tanımlama listeleri
Bu listelemede kullanılan etiketler şöyle; <dl>...</dl> , <dd>...</dd> , <dt>...</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,

Kod: Tümünü seç
<dd><font size="2" color="black">HTML (HyperText Markup Language-Hareketli-Metin İş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 koyarak liste oluşturmamızı sağlar...</font>
</dl>


Resim

 

dizilerWebmasterim.ComGenelSiteni EkleHit-Kurdu

Site EkLe, Hit Kazan, Toplist, Hit Al, Hit Kazan Google Toplist, Googlelist, Google ListAradur.com | Arama Motoru

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol