Ders5

 

LİSTELER

Üç çeşit liste vardır:

i.Sıralı Liste(Ordered List):

Örnek:

 

<ol type="1">Çerezler:
<li>Kavurga
<li>Çekirdek
<li>Misir
<li>Cips
</ol>
<ol type="a">Içkiler:
<li>Bira
<li>Votka
<li>Sarap
<li>Viski
<li>Raki
</ol>
    Çerezler:
  1. Kavurga
  2. Çekirdek
  3. Misir
  4. Cips
    Içkiler:
  1. Bira
  2. Votka
  3. Sarap
  4. Viski
  5. Raki
 

Örnekte görüldüğü gibi type özniteliği sıralı listenin türünü belirler.

type: {1,a,A,I,i}

Listeye bir değer vererek istediğimiz sayıdan başlatabiliriz:

Örnek:

 

<ol start="199">Çerezler:
<li>Kavurga
<li>Çekirdek
<li>Misir
<li>Cips
</ol>
    Çerezler:
  1. Kavurga
  2. Çekirdek
  3. Misir
  4. Cips
 

ii.Sırasız Liste(Unordered List):

Örnek:

 

<ul type="circle">Çerezler:
<li>Kavurga
<li>Çekirdek
<li>Misir
<li>Cips</li>
</ul>
<ul type="disk">Içkiler:
<li>Bira
<li>Votka
<li>Sarap
<li>Viski
<li>Raki</li>
</ul>
    Çerezler:
  • Kavurga
  • Çekirdek
  • Misir
  • Cips
    Içkiler:
  • Bira
  • Votka
  • Sarap
  • Viski
  • Raki
 

Gene burda da type özniteliği sıralı listenin türünü belirler.

type:{square,disc,circle}

iii.Tanımlama Listeleri (Definition List):

Örnek:

 

<dl>
<dt>Karbonhidrat ve ben
<dd>En çok bol karbonhidratlı yemekleri severim,özellikle de makarna ve türevlerini. Lazanya favorimdir. Pizza ve mantıya da bayılırım.
<dt>Sebze ve ben
<dd>Sebzeyle aram pek iyi değildir ama taze fasulye oldukça lezziz bir yiyecektir. Onun dışında dolma, sarma da güzeldir.
<dt>Et ve ben
<dd>Et seven bir insanımdır. Her çeşit kebabı afiyetle yerim. Kırmızı olsun, beyaz olsun, hemen hemen bütün etleri yerim. Balık seçerim ama.
</dl>
Karbonhidrat ve ben
En çok bol karbonhidratli yemekleri severim,özellikle de makarna ve türevlerini. Lazanya favorimdir. Pizza ve mantiya da bayilirim.
Sebze ve ben
Sebzeyle aram pek iyi degildir ama taze fasulye oldukça lezziz bir yiyecektir. Onun disinda dolma, sarma da güzeldir.
Et ve ben
Et seven bir insanimdir. Her çesit kebabi afiyetle yerim. Kirmizi olsun, beyaz olsun, hemen hemen bütün etleri yerim. Balik seçerim ama.
 

Önceki < > Sonraki