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

22:01 cURL Dersleri

cURL ile Instagram Fotoğraflarını İndirme

Kategori: cURL Dersleri | 20.03.2015
8:39 Php Dersleri
Web Tasarımları

Gri WordPress Teması | Eski Site Teması

Kategori: Web Tasarımları | 30.08.2014
13:38 Css Dersleri

Css ile Basit Bir Menü Hazırlama

Kategori: Css Dersleri | 03.05.2013
3:33 Javascript

Hadi Sende Yorum Yap!

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