HTML LİSTELER

HTML sayfalarında farklı biçimlerde liste yapılabilir. HTML dilinde değişik liste seçenekleri bulunmaktadır. Bunlar:

Numaralı veya sıralı listeler (satır başlarında sıralı numaraları vardır)

İşaretli veya sırasız listeler (satır başlarında özel bir karakter vardır)

Numaralı Listeler <ol> etiketi ile başlar ve </ol> etiketi ile biter. Liste maddelerini belirtmek için <li> etiketi kullanılır. Numaralı listelerde web tarayıcısı numaraları otomatik olarak yerleştirir. Listeden bir eleman çıkarıldığında veya listeye yeni bir eleman eklendiğinde, numaralandırma otomatik olarak tekrar yapılır ve düzenli bir şekilde gösterilir. Liste elemanları okunurluğu arttırmak için sağa doğru biraz içeri kaydırılarak yazılır.

HTML:

  1. Muz
  2. Kiraz
  3. Portakal
  4. Elma

ÇIKTI:

Numarasız Listeler <ul> etiketi ile başlar ve </ul> etiketi ile biter. Liste maddeleri yine <li> etiketi ile başlar. Okunurluğu artırmak için liste elemanları sağa doğru biraz kaydırılarak yazılır. Numaralı listeden tek farkı liste maddelerinin başında numara yerine özel bir karakter görünmesidir.

HTML:

  • Muz
  • Kiraz
  • Portakal
  • Elma

ÇIKTI:

HTML sayfalarında sıralı yada sırasız listeler oluşturulduğunda tarayıcı bu listedeki maddelerin başındaki karakterleri kendisi belirler, ancak bu karakterler sonradan da belirlenebilir. Bunun için TYPE (tip) özelliği kullanılır. Sırasız listeler için aşağıdaki üç seçenek kullanılabilir.

 type="disc"   İçi dolu bir daire.
 type="circle"   İçi boş bir daire.
 type="square"    İçi dolu kare.

HTML listeler'de <ul> etiketimizin type özelliğini belirleyelim.

HTML:





        Sıralı listeler için rakamlar hariç 4 seçenek vardır.

          type="A"  Liste elemanlarının başına büyük harfler verir (A, B, C)
          type="a"  Liste elemanlarının başına küçük harfler verir (a, b, c)
          type="I"  Liste elemanlarını büyük Roma rakamları ile listeler (I, II, III, IV)
          type="i"  Liste elemanlarını küçük Roma rakamları ile listeler (I, ii, iii, iv)

        HTML:

                HTML listeler'de istediğimiz rakam/harfle başlayacağını (start) belirleyebiliriz.

                HTML:

                1. Muz
                2. Kiraz
                3. Portakal
                4. Elma

                ÇIKTI:

                HTML İÇ İÇE LİSTELER


                HTML:

                1. İstanbul
                2. Ankara
                  • Ulus
                  • Çankaya
                3. İzmir
                4. Eskişehir

                ÇIKTI:



                Lütfen konu haricinde soru sormayın cevaplanmayacaktır. Yorumunuz onaylandıktan sonra yayınlacaktır.

                1339

                KATEGORİ
                • HTML
                • CSS
                • PHP
                • JQUERY
                • PHOTOSHOP
                • JavaScript
                • Web Dünyası
                • Linux
                POPÜLER MAKALE
                • HTML RESME LİNK VERME
                • HTML LİNK(Bağlantı)EKLEME - LİNK VERME
                • HTML YAZI VE RESİM ORTALAMA
                • HTML DİV ve SPAN NEDİR?
                • HTML FORM OLUŞTURMA
                • HTML KAYAN RESİM VE Marguee KULLANIMI
                • HTML ARKAPLANA MÜZİK EKLEME
                • CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
                • HTML RESİM EKLEME
                • PHP ceil()-floor()-round() YUVARLAMA FONKSİYONU
                ETİKET
                WEBCEBİR © 2013 Tüm hakları saklıdır.