Buradasınız: Emre Supçin / Html / HTML listeleme etiketleri?

HTML listeleme etiketleri?

Merhaba sevgili takipçilerimiz, html komut yapısı ile beraber head ve body etiketinin kullanımına değinmiştik lakin HTML listeleme etiketleri kısmına değinmedik. 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.

HTML listeleme etiketleri

<OL> etiketi

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

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

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

Anlattığımız <ol> ve <li> etiketlerini kullanarak basit bir çalışma yapalım…

<html>
<head><title> Listeler</title>
</head>
<body>
<ol type=”1″>
<li>Bilgisayar Donanımı
<ol type=”a”>
<li>Dış Donanım (Harici Donanım)
<li>İç Donanım (Dahili Donanım)</ol>
<li>Web Tasarım ve Programlama
<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>

Uygulamamızın ekran görüntüsü aşağıda şekildedir

html listeleme etiketleri1 emresupcin - HTML listeleme etiketleri?

Şimdide <ul> ve <li> etiketlerini kullanarak basit bir çalışma yapalım…

<html>
<head><title> Listeler </title>
</head>
<body>
<ul type=”disc”>
<li>Bilgisayar Donanımı
<ul type=”square”>
<li>Dış Donanım (Harici Donanım)
<li>İç Donanım (Dahili Donanım)</ul>
<li>Web Tasarım ve Programlama
<ul type=”square”>
<li>HTML
<li>Web Tasarım Editörü
<ul type=”circle”>
<li>FrontPage
<li>Dreamweaver </ul>
</ul>
</ul>
</body>
</html>