Web Tasarım ve Prog.HtmlListeleme Etiketleri

Html sayfalarımızda listelerimizi <ol> ve <ul> etiketleri ile oluşturabiliriz. Bu etiketler listeminizin biçimini belirlememizi sağlar. Listemizde yer alacak  elemanlarımızı hem <ol> etiketinde ,  hemde <ul>  etiketinde   <li> etiketi ile belirleriz. Her bir liste elamanı <li> .. </li> şeklinde belirtilir.

<OL>  Etiketi

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. Belirteceğiniz parametreler yardımı ile de istediğiniz harf, rakam veya roma rakamından başlayarak sıralı listenizi oluşturabilirsiniz. <ol> etiketi, <li> etiketi ile birlikte kullanılmalıdır.

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

<ol>
   <li> Elma </li>
   <li> Portakal </li>
   <li> Karpuz </li>
</ol>

Çıktısı : 

 

Örnek : type parametresi kullanarak listenin rakamla mı harfle mi başlayacağını belirleyebiliriz.  “A” harfi yerine küçük “a” harfi yazılırsa sıralama a, b, c, .... şeklinde küçük harflerle olacaktır.

Type “I” harfi veya küçük ”i” harfi ile  belirtilirse  sıralama  roma rakamları ile yapılacaktır.
 

<ol type="A">
   <li> Elma </li>
   <li> Portakal </li>
   <li> Karpuz </li>
</ol>

 

Örnek : start parametesi ile listemizin başlangıç değerini belirtebiliriz Start 3 olduğundan sıralamanın 3. harfi olan  C den başlayarak listeleme yapılacaktır.

<ol type="A" start="3">
   <li> Elma </li>
   <li> Portakal </li>
   <li> Karpuz </li>
</ol>

<UL> Etiketi

<ul> etiketi madde işaretleri şeklinde listeleme yapmak için kullanılır.
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.

<ul type="circle">
   <li> Elma </li>
   <li> Portakal </li>
   <li> Karpuz </li>
</ul>