• Anasayfa
• -
• Web Tasarımı
• -
  • Html

listeleme Etiketleri

 

Listeler oluşturmak için aşağıdaki iki seçenekten birini kullanabilirsiniz.
• <UL>: Unordered (Madde İmli) Listeler
• <OL>: Ordered (Otomatik Numaralı) Listeler

 

<OL> Sıralı liste oluşturmak için kullanılır. Kelime işlemci programındaki numaralandırma işlemi ile aynıdır. Listeleme işlemi harf, rakam veya roma rakamı şeklinde yapılabilir.<ol> etiketi, <li> etiketi ile birlikte kullanılmalıdır.

 

Örnek:Aşağıda ekran görüntüsü verilmiş olan numaralandırma işlemini html kodlarıyla yapılışı.

 

Burada <ol> etiketini kullanarak listeleme işlemine başlıyoruz. <li> etiketini kullanarak da listeleyeceğimiz elemanların isimlerini yazıyoruz.

 

Type parametresi kullanarak listenin rakamla mı harfle mi başlayacağını belirleyebiliriz.

Start parametresi başlangıç değerini elirler.

 

Etiket	Parametreler	Açıklama
<ol>	type	Listeleme tipini belirler. Örn: type=”a” 1 : Onluk tabanda numaralama (1,2,3,4,…) i : Küçük rakamlarla romen sayıları (i,ii,iii,iv,…) I : Büyük rakamlarla romen sayıları (I,II,III,IV,…) a : Küçük harflerle alfabetik (a,b,c,…) A : Büyük harflerle alfabetik (A,B,C,…)
	start	Listenin başlangıç değerini belirtir. Her zaman sayı olmalıdır. Örn: start=”5”

 

Örnek:Aşağıdaki numaralandırma işlemini yapalım:

 

Ekran Çıktısı	Html Kodları
Konular a. Temel Bilgiler b. Program Ara Yüzü c. Komutlar	<h3>Konular</h3> <ol type=”a”> <li>Temel Bilgiler</li> <li>Program Ara Yüzü</li> <li>Komutlar</li> </ol>

 

 

 

 

 

Ekran Çıktısı	Html Kodları
3. RAM 4. Ekran Kartı 5. Optik Sürücü	<ol start=”3”> <li>RAM</li> <li>Ekran Kartı</li> <li>Optik Sürücü</li> </ol>

 

 

 

Ekran Çıktısı	Html Kodları
D. Matematik E. Fizik F. Kimya G. Biyoloji	<ol type=”A” start=”4”> <li>Matematik</li> <li>Fizik</li> <li>Kimya</li> <li>Biyoloji</li> </ol>

 

 

<UL> <ul> etiketi madde işaretleri şeklinde listeleme yapmak için kullanılır.

 

Örnek:Aşağıda ekran görüntüsü verilmiş olan madde işareti ile listeleme işleminin html kodlarıyla yapılışı.

 

 

Type parametresi ile kullanacağınız madde işaretinin şeklini belirleyebilirsiniz. Type ile kullanılan parametreler disc (içi dolu daire), circle (içi boş daire) ve square (içi dolu kare)’dir.

 

Örnek:

Ekran Çıktısı	Html Kodları
o Ali o Ayşe o Ömer	<ol type=”circle”> <li>Ali</li> <li>Ayşe</li> <li>Ömer</li> </ol>

 

 

 

örnek:

Ekran çıktısı	html kodu

 

Örnek:

Ekran çıktısı	html kodu