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 0

Sosyal Medya Paylaşım Alanı

Bunlarda İlginizi Çekebilir

4:49 Html Dersleri

Google Chrome İnputlar İçin Sesli Arama Özelliği

Kategori: Html Dersleri | 03.05.2013
16:05 Php Dersleri

İp Adresini Kullanarak Hava Durumu Botu Hazırlama

Kategori: Php Dersleri | 25.02.2015
11:25 Php Dersleri

Getimagesize Functionu Kullanımı

Kategori: Php Dersleri | 03.05.2013
11:08 jQuery Dersleri

jQuery ile Nesnenin Genişlik ve Yüksekliğini Alma

Kategori: jQuery Dersleri | 03.05.2013
3:59 jQuery Dersleri

jQuery Html ve Text metodlarının Kullanımı

Kategori: jQuery Dersleri | 03.05.2013

Hadi Sende Yorum Yap!

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