Listeleme Etiketleri - HTML Ders 4

D®agon · « : 14 Ocak 2011, 21:28:53 »

HTML tag'ları kullanarak sayfa içerisinde otomatik olarak numaralandırılan ve
sıralandırılan listeler hazırlamak çok kolaydır. Dokümanların göze hoş görünmelerini
sağlamak amacıyla listeler yaygın olarak kullanılır. HTML, pek çok liste çeşidini destekler.

[b]1. <OL>[/b]

Sıralı liste oluşturmak için kullanılır. Sıralı listelerden kastımız kelime ya da
cümlelerinizi ya da herhangi bir şeyi numaralı, alfabetik, roma rakamlı olarak sıralı
göstermektir. 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. <ol> etiketine parametreler ekleyebiliyoruz.
Type parametresi listemizin rakamla mı harfle mi başlayacağını, start ise hangi rakam/harfle
başlayacağını belirler. Yani a) b) c) değil de d) e) f) gibi.
Start değeri her zaman bir sayı olmalıdır. Yani sırayı alfabe olarak atamak ve “f” den
başlamak istersek start değerini “f” değil “6”, type değerini de küçük “a” yapmalıyız.
Compact parametresi ise listenin mümkün olan minimum satır aralığına sahip olmasını
sağlıyor. Type parametresinde kullanabileceğimiz değerler şunlar olabilir; sayılar, harfler
(küçük/büyük) ve romen rakamları (i,ii,iii gibi)

[b]2. <UL>[/b]

Listeleme yaparken maddelerin başına harf, rakam gibi unsurlar yerine küçük
yuvarlaklar, kareler yerleştirmek için <ul> etiketini kullanıyoruz. <ul> için kullanılan
parametreler type ve compact’tır. Type ile kullanacağımız madde iminin şeklini seçebiliriz.
Bunlar disc (içi dolu daire), circle (içi boş daire) ve square (içi dolu kare)’dir.

[b]3. <LI>[/b]

<li> etiketi ingilizce “liste elemanı” anlamına gelen 'list item' kelimesinin
kısaltılmışıdır. Yukarıda anlatmış olduğumuz <ol> ve <ul> etiketleri tek başına kullanılmaz
sırayı belirtmek için de <li> imi ile birlikte kullanılır. Yani sıralanacak olan ifadenin başına
<li> getirmeliyiz.

[b]Örnek:[/b]
[code]
[html]
<html>
<head><title> Listeler </title>
</head>
<body>
<ol type="1">
<li>Ağ İşletmenliği
<ol type="a">
<li>Ağ Temelleri
<li>TCP/IP ve Adresleme</ol>
<li>Web Programcılığı
<ol type="a" start="3">
<li>HTML
<li>Web Tasarım Editörü
<ol type="i">
<li>FrontPage
<li>Dreamweaver </ol>
</ol>
</ol>
</body>
</html>
[/html][/code]

[b]Örnek:[/b]
[code]
[html]
<html>
<head><title> Listeler </title>
</head>
<body>
<ul type="disc">
<li>Ağ İşletmenliği
<ul type="square">
<li>Ağ Temelleri
<li>TCP/IP ve Adresleme</ul>
<li>Web Programcılığı
<ul type="square">
<li>HTML
<li>Web Tasarım Editörü
<ul type="circle">
<li>FrontPage
<li>Dreamweaver </ul>
</ul>
</ul>
</body>
</html>
[/html]
[/code]

Listeleme Etiketleri - HTML Ders 4

D®agon

Listeleme Etiketleri - HTML Ders 4