HTML Listeleme Kodları [Ders 6]


HTML Listeleme Dersleri
HTML Listeleme Dersleri

Sayfanızda liste oluşturmak istediğinizde numaralı yada başka türlü sıralı listeler hazırlayabilirsiniz. Örneklerle inceleyelim;

En sevilen hayvanlar:
<ol>                       //ordered list kısaltmasıdır.
<li>Kuşlar,</li>           //list kelimesinin kısaltmasıdır.
<li>Balıklar,</li>
<li>Kediler,</li>
<li>Köpekler.</li>
</ol>

Bu kodların oluşturduğu sıralı liste aşağıdaki gibi görünmelidir;

En sevilen hayvanlar:

  1. Kuşlar,
  2. Balıklar,
  3. Kediler,
  4. Köpekler.

Sıralı listeler, farklı tipler ile de oluşturulabilir. <ol type=””> etiketini kullanarak, şu türlerde sıralı listemizi oluşturabiliriz.

Türü Sıralama
1 Onluk tabanda numaralama (1,2,3,4, …)
i Küçük ifadelerle roma rakamları (i,ii,iii,iv, …)
I Büyük ifadelerle roma rakamları (I,II,III,IV, …)
a Küçük harflerle alfabetik (a,b,c, …)
A Büyük harflerle alfabetik (A,B,C, …)

Maddelerin belirli bir değerden başlamasını istiyorsak start=”değer” komutunu kullanabiliriz. Örneğini daha sonra göstereceğiz. Bu özellik sıralı listeler için geçerlidir!

SIRASIZ LİSTELER

Sırasız listeler, herhangi bir sıraya dizilmemiş, yani numaralandırılmamış listelerdir. Sıralamasız listeler, <UL> etiketi ile başlar </UL> etiketi ile biter. type=”değer”“DISC” olursa içi dolu daire, “CIRCLE” olursa içi boş daire ve “SQUARE” olursa köşeli bir nokta gösterir.

En sevilen müzik türleri;
<ol type="I" start="3">
  <li>POP</li>
  <li>ROCK
     <ul type="square">        //sırasız liste kare görünecek
       <li>Normal Rock</li>
       <li>Hard Rock</li>
       <li>Heavy Metal</li>
     </ul>
  </li>
  <li>JAZZ</li>
  <li>MODERN</li>
</ol>

En sevilen müzik türleri;

  1. POP
  2. ROCK
    • Normal Rock
    • Hard Rock
    • Heavy Metal
  3. JAZZ
  4. MODERN

ARKADAŞLAR UNUTMAYALIM Kİ, NE KADAR ÇOK DENEME YAPARSAK; O KADAR ÇOK ŞEY ÖĞRENİRİZ VE KALICI OLUR! 😉

Bu içeriği nasıl buldunuz?

Beğen Beğen
1
Beğen
Mutlu Mutlu
1
Mutlu
Eğlenceli Eğlenceli
0
Eğlenceli
Üzgün Üzgün
0
Üzgün
Olamaz Olamaz
0
Olamaz
Kızgın Kızgın
0
Kızgın
Komik Komik
0
Komik
İlginç İlginç
0
İlginç
dergiCE

Dijital yayıncılık alanında Türkiye, yükselen bir grafik çizmektedir. Bu amaç ile profesyonel işlere imza atmak üzere yola çıktık. 5. yılımızda araştırmayı seven herkese kapımızı açtık. Sizlerde makalelerinizi dergiCE'de paylaşarak, dijital dünyada yerinizi alabilirsiniz.

Yorumlar 0

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

İçerik Türünü Seçin
Kişilik Testi
Kişilik Hakkında Testler
Test
Cevaplamalı Testler
Anket
Oylamalı Seçenekler
Yazı
Biçimlendirilmiş Metinler
Puanlamalı Liste
Puanlamalı Liste
Video
Youtube, Vimeo, Vine vs
Ses/Müzik
Soundcloud, Mixcloud
Resim
GIF veya Resim