HTML’ de listeler


Html’ de linkler

Html’ de listeler iki şekilde sıralanır. Sıralı listeler(ordered list) ve sırasız listeler(unordered list).

Örneğin sıralı liste için bir basketbol takımı verelim:

1.Kerem Tunçeri

2.Hidayet Türkoğlu

3.İbrahim Kutluay

4.Mirsad Türkcan

5.Mehmet Okur

Aynı şekilde basketbol takımını sırasız liste olarak verelim:

.Kerem Tunçeri

.Hidayet Türkoğlu

.İbrahim Kutluay

.Mirsad Türkcan

.Mehmet Okur

Html listelerde kullanılan etiketler
<ol>:  Ordered List ifadesinin kısaltılmışıdır. Sıralı listeler anlamını taşır.
<ul>:  Unordered List ifadesinin kısaltılmışıdır. Sırasız listeler anlamını taşır.
<li>:  List Item  ifadesinin kısaltılmışıdır. Liste elemanları anlamını taşır. Her ekleceğimiz madde için bu etiketi kullanmak zorundayız. Diğer etiketleri sadece bir kere kullanıyoruz.Örneğin sıralı bir liste oluşturalım:

  • Kerem Tunçeri
  • Hidayet Türkoğlu
  • İbrahim Kutluay
  • Mirsad Türkcan
  • Mehmet Okur

  • Kerem Tunçeri
  • Hidayet Türkoğlu
  • İbrahim Kutluay
  • Mirsad Türkcan
  • Mehmet Okur

  1. Kerem Tunçeri
  2. Hidayet Türkoğlu
  3. İbrahim Kutluay
  4. Mirsad Türkcan
  5. Mehmet Okur
    1. Sıralı Listeler için Type Özelliği

      Bu özellik ile liste başındaki değiştirebilirsiniz. Yukardaki örnekteki gibi rakamlarla yapabildiğiniz gibi harflerlede yapabilirsiniz. Harf ikonu için bir örnek verelim.

      • Kerem Tunçeri
      • Hidayet Türkoğlu
      • İbrahim Kutluay
      • Mirsad Türkcan
      • Mehmet Okur

      Bu şekilde listemiz A’ dan başlayacaktır

      1. Kerem Tunçeri
      2. Hidayet Türkoğlu
      3. İbrahim Kutluay
      4. Mirsad Türkcan
      5. Mehmet Okur

        1. Sıralı listeler için diğer Type ikonları

          a : a,b,c…
          I: I,II, III, IV..
          i : i, ii, iii, iv..
          Sıralı listeler ikon değiştirme Özelliği

          Bu özelliği start ile sıralı listelerin kaçtan başlayacağını belirtebilirisiniz.

          Örnek:

          • Kerem Tunçeri
          • Hidayet Türkoğlu
          • İbrahim Kutluay
          • Mirsad Türkcan
          • Mehmet Okur

          Sırasız listeler

                  etiketi ile sırasız listeler oluşutururuz.
                  Türkiyenin başkenti neresidir?
          • İstanbul
          • Ankara
          • İzmir
          • Bursa

          Sırasız listeler ikon değiştirme özelliği

          Bu özelliği type ile yapabilirsiniz. 3 şekilde ikonu değiştirebilirsiniz.

          disc, square ve circle değerleri ile.

          disc: içi dolu daire

          square: kare

          circle: içi boş çember

          Türkiyenin en büyük 3 ili şu şekildedir:

          • İstanbul
          • Ankara
          • İzmir

          Tanımlı listeler oluşturmak

          Tanımlı listeler

          etiket ile yapılır. (defitinion list) Başlık ve içerikten oluşur.

          Başlık etiketi:

          içerik etiketi:

          En sevdiğiniz dersler hangileridir?

          Sayısal Dersler
          Matematikl
          Fizik
          Kimya
          Biyoloji
          Sözel Dersler
          Türkçe
          Tarih
          Coğrafya
          Felsefe

          İç içe liste yapmak

          Bir sıralı liste ile bir sırasız listeyi bi arada kullanabilirsiniz. Aşağıdaki örneği incelediğiniz zaman iki liste biçiminin bi arada kullanıldığını göreceksiniz.

          En sevdiğiniz dersler hangileridir?

          1. Sayısal Dersler 
          2. Matematikl
          3.  
          4. Fizik
          5.  
          6. Kimya
          7.  
          8. Biyoloji
          9.  
          10. Geometri
          11.  
          • Sözel Dersler 
          • Türkçe
          •  
          • Tarih
          •  
          • Coğrafya
          •  
          • Felsefe
          •   

          Listelerde link vermek

          Bildiğiniz gibi link vermek için etiketini kullanmamız gerekiyor.(linkler konumuza giderek link vermeyi hatırlayabilirsiniz.)

          Örneğin ilgiyle takip ettiğiniz sitelerinizi verebilirsiniz.

          Author: Ali Göksel Bektaş

          Simenty kurucu ortağı. Küçüklüğünden beri website yapan Ali bulunduğu web sektöründe 10 yıldan fazla tecrübesı vardır. Bisiklet sürmeyi, kek yemeyi ve rahat koltukları sever.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.