Html ile Listeleme Yapımı

Html ile verilerimizi nasıl listeleyeceğimizi listelerken listeleme imgelerini nasıl ayarlayacağımızı işleyeceğimiz bu dersimizde bir de uygulama örneğimizle listeleme işini pekiştireceğiz. Html kodlarından olan ve listeleme yaparken listeleri kapsayan <li> ve <ol> taglarmız vardır. Bunlar bizim listeleme biçimlerimize göre tercih edilir.

Bir listeleme de eğer sayılar 1-2-3-4 diye kullanılacaksa yada a-b-c diye bir dizin kullanılacak ise o zaman doğru kapsayan <ol> dir. Eğer özel işaretler kullanılacaksa bu ise <li> yi kullanacağınız anlamına gelmektedir.

<ol> yapısının özellikleri nedir diye bir soru soracak olursak <ol> kendi bünyesinden 2 tane değer almaktadır. Bunlardan 1. Si listelemenin nasıl yapılacağı ile ilgilidir. Listeleme 1-2-3-4 diye yapılacaksa o zaman <ol type"1"> olmalıdır. Type değeri nasıl sıralanacağını gösterir.

Not: Buradaki 1 seçeneği 2 yapılırsa 2 den başlayacak mantığı yanlıştır burası sadece 1 ve a değeri alır. Başka değerler almaz.

<ol> değeri eğer alfabetik olacaksa o zaman <ol type"a"> olmalıdır. Rakamlar için geçerli olan not bunun içinde geçerlidir. Eğer alfabedeki harfleri büyük istiyor isek type alanında ki a harfi büyük olmalıdır. Yani <ol type"A"> şeklinde.. Eğer Roman rakamları kullanılacaksa type değeri küçük için " i " büyük için " I " olmalıdır.

<ol> için girilen sayısal yada alfabetik değerlerin sırasını belirlemek için <ol type="1" start="10"> yada <ol type="a" start="10"> dediğimizde 10. Sayı dan yada 10. Alfabeden başlayacaktır. Başlama sırası start ile belirlenmektedir.

<li> yapısı ise imgeler ile sıralanır bu sadece type değeri alır. Aldığı değerler disc, square, circle dir.

Dersimizde uygulamalı olarak kategori mantığını duman edene kadar uzattığımı göreceksiniz :)
- 03.05.2013 / 12:08:18 1

Sosyal Medya Paylaşım Alanı

Bunlarda İlginizi Çekebilir

Genel Makaleler
24:26 jQuery Dersleri

jQuery ile Basit Slider Yapımı

Kategori: jQuery Dersleri | 03.05.2013
7:47 Css Dersleri

CSS ile Kalp Yapmak

Kategori: Css Dersleri | 01.08.2013
10:22 Javascript

Javascript'te Anlık Toplama İşlemi Yapma

Kategori: Javascript | 25.03.2014
Php Dersleri

Heredoc ile Tırnak Problemlerine Çözüm Buluyoruz

Kategori: Php Dersleri | 29.07.2015

Hadi Sende Yorum Yap!

Yorum Gönderilmiştir. Onaylandıktan Sonra Mesajınız Yayınlanacaktır.