Yükleniyor ...
Listeleme Etiketleri
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.
<OL>
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)
<UL>
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.
<LI>
<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.
Örn.1
<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>
Örn.2
<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>
örnekleri deÄŸiÅŸtirerek kendiniz biÅŸeyler yapmaya çalışın protik olur 
Yorum Yapınız
Yorum yapabilmek için giriş yapmalısınız.
Son Yorumlar