Sevgili Arkadaşlar,
Bu derste HTML'de listeleme etiketleri konusunu ele almak istedim.
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.
Bizim Html'de Kullandığımız Listeleme Etiketleri;,
*Ol
*Ul
*Li
etiketleridir. Sizlere Bu Etiketlerden İlk Olarak "Ol" Etiketini Anlatacağım..
[b]Ol Etiketi
"Ol" Etiketi İle Biz Html'de Sayıları,Harfleri ve Roma Rakamlarını Listelemek İçin Kullanıyoruz.Liste İçine Yazılacak Metinler
<ol>...</ol>
Etiketi İçine Yazılmalıdır..
"Ul" Etiketi
"Ul" Etiketi İle Html'de Sayılar,Harfler ve Roma Rakamlar Yerine Bu "ul" Etiketinde Şekiller Kullanılır.İçi Dolu Kare,Yuvarlak vb. Gibi Şekilleri Listelemek İçin "ul" Etiketi Kullanılır.Liste İçine Yazılacak Metinler
<ul>...</ul>
Etiketi İçine Yazılmalıdır..
"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.
"Ol" Etiketine Örnek Yapalım;
- Kod:
-
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
<ol type="a">
<li> Web Tasarım Dersleri
<ol type="1">
<li>HTML
<li>ASP
<li>PHP
</ol>
<li>Sanal Kurs Dersleri
<ol type="1" start="4">
<li>Photoshop
<li>Güvenlik
<li>InDesing
</ol>
</ol>
</body>
</html>
"Ul" Etiketine Örnek Yapalım;
- Kod:
-
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
<ul type="square">
<li> Web Tasarım Dersleri
<ul type="circle">
<li>HTML
<li>ASP
<li>PHP
</ul>
<li>Sanal Kurs Dersleri
<ul type="circle" start="4">
<li>Photoshop
<li>Güvenlik
<li>InDesing
</ul>
</ul>
</body>
</html>
Bugünlük Dersimiz Bu Kadar Arkadaşlar... Sizlere Yararlı ve Faydalı Olduysa Birşeyler Öğretebildiysek Ne Mutlu Bana. Bir Sonraki Derste Görüşmek Üzere Hoşçakalın.
Kafanıza Tekılan Bir Sorunuz Olursa sorabilirsiniz. İyi Günler..