HTML Listeleme Kodları [Ders 6]

1 dk okuma süresi


0
8 Paylaşım
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
1Onluk tabanda numaralama (1,2,3,4, …)
iKüçük ifadelerle roma rakamları (i,ii,iii,iv, …)
IBüyük ifadelerle roma rakamları (I,II,III,IV, …)
aKüçük harflerle alfabetik (a,b,c, …)
ABü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! 😉


Nasıl Tepki Verirdiniz?

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 üyeleri ne diyor?

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