Html Listeleme etiketieri

            Listeleme etiketi <ol> ve <ul> ’dir. Sadece seçenekler yazdırmak için değil , Css ile menü yapımında da kullanılır.

  1. <ol> etiketi (orderlist): Sıralama rakam,harf  ya da roma rakamıyla yapılacaksa kullanılır.
1.       KATI
2.       SIVI
3.       GAZ
<ol>

       <li>KATI</li>                               <li>SIVI</li>                            <li>GAZ</li>
</ol>

<li>  etiketi : liste elemanları <li>  </li>  etiketleri arasına yazılır.

type parametresi :  Kullanılacak numara ya da işaretin tipini belirlemeye yarar.

a.       KATI
b.      SIVI
c.       GAZ
<ol type=”a”>

             <li >KATI</li>
<li >SIVI</li>
<li >GAZ</li>

</ol>

A.      KATI
B.      SIVI
C.      GAZ
<ol type=”A”>

       <li>KATI</li>                               <li>SIVI</li>                            <li>GAZ</li>

</ol>

  i.            KATI
ii.            SIVI
iii.            GAZ
<ol type=”i”>

       <li>KATI</li>                               <li>SIVI</li>                            <li>GAZ</li>

</ol>

 I.            KATI
II.            SIVI
III.            GAZ
<ol type=”I”>

       <li>KATI</li>                               <li>SIVI</li>                            <li>GAZ</li>

</ol>

 

  1. <ul> etiketi (Unorderlist): Listeleme işareti (kare,disk,çember) yapılacaksa kullanılır.

square = (kare)
disc  = (daire)
circle  = ( (çember)

  • KATI
  •   SIVI
  •  GAZ
<ul type=” square”>

<li>KATI</li>
<li>SIVI</li>
<li>GAZ</li>

</ol>

o   KATI
o   SIVI
o   GAZ
<ol type=”circle”>

        <li>KATI</li>
<li>SIVI</li>
<li>GAZ</li>

</ol>

  • KATI
  • SIVI
  • GAZ
<ol type=”disc”>

       <li>KATI</li>
<li>SIVI</li>
<li>GAZ</li>

</ol>

 

start parametresi : Listeyi istenilen bir değerden başlatır.

4.       KATI
5.       SIVI
6.       GAZ
<ol type=”1” start=”4”>

 <li >KATI</li>
<li >SIVI</li>
<li >GAZ</li>

</ol>

G.     KATI
H.      SIVI
İ.        GAZ
<ol type=”A” start=”7″>

 <li >KATI</li>
<li >SIVI</li>
<li >GAZ</li>

</ol>

v.            KATI
vi.            SIVI
vii.            GAZ
<ol type=”i” start=”5″>

  <li >KATI</li>
<li >SIVI</li>
<li >GAZ</li>

</ol>

İç içe listeler

 

  1. Samsun
    • Bafra
    • Atakum
    • Çarşamba
  2. Ordu
    • Ünye
    • Fatsa
    • Perşembe
  3. Amasya
    1. Taşova
    2. Suluova
    3. Merzifon

 

 

 

<ol  type=”I”>
<li >Samsun</li>
<ul type=”circle”>
<li >Bafra</li>
<li >Atakum</li>
<li >Çarşamba</li>
</ul>
<li >Ordu</li>
<ul type=”square”>
<li >Ünye</li>
<li >Fatsa</li>
<li >Perşembe</li>
</ul>
<li >Amasya</li>
<ol type=”A”>
<li >Taşova</li>
<li >Suluova</li>
<li >Merzifon</li>
</ol>
</ol>

 

Paylaş:

Bir cevap yazın

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