Html Dersleri

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 🙂

Bir önceki yazım olan Html'de Tablo Oluşturma ve Tablo Yapısı başlıklı makalemi de okumanızı öneririm.

İlgilizi Çekecek Konular

Html’de Tablo Oluşturma ve Tablo Yapısı

ibrahim Çevrük

W3C Validator Hataları ve Çözümleri

ibrahim Çevrük

Html’de Yazı Düzenleme Stilleri

ibrahim Çevrük

Yorum Giriniz