LİSTELER
1.Sıralı liste(Ordered List)
Kısaltmaların ve ingilzce kelimelerin anlamı;
ol:ordered list(sıralı liste)
li :list(liste)
type:tip
Sıralı liste şablonu aşağıda;
<ol type="....">.................
<li>..........................
<li>....................
<li>..................
<li>...................
</ol>
NOT:Type="......." değişkeninin içini (1 ,a ,A ,I,i ) ile doldurabiliriz.
Sıralı liste örnekleri ve web sitesindeki görünümleri:
Örnek:
<ol type="1">Futbol Takımları
<li>Fenerbahce
<li>Galatasaray
<li>Beşiktaş
<li>Trabzonspor
</ol>
Web sitesindeki görünüm:
Futbol Takımları
- Fenerbahce
- Galatasaray
- Beşiktaş
- Trabzonspor
Örnek:
<ol type="a">Futbol Takımları
<li>Fenerbahce
<li>Galatasaray
<li>Beşiktaş
<li>Trabzonspor
</ol>
Web sitesindeki görünüm:
Futbol Takımları
- Fenerbahce
- Galatasaray
- Beşiktaş
- Trabzonspor
Örnek:
<ol type="A">Futbol Takımları
<li>Fenerbahce
<li>Galatasaray
<li>Beşiktaş
<li>Trabzonspor
</ol>
Web sitesindeki görünüm:
Futbol Takımları
- Fenerbahce
- Galatasaray
- Beşiktaş
- Trabzonspor
Örnek:
<ol type="I">Futbol Takımları
<li>Fenerbahce
<li>Galatasaray
<li>Beşiktaş
<li>Trabzonspor
</ol>
Web sitesindeki görünüm:
Futbol Takımları
- Fenerbahce
- Galatasaray
- Beşiktaş
- Trabzonspor
Örnek:
<ol type="i">Futbol Takımları
<li>Fenerbahce
<li>Galatasaray
<li>Beşiktaş
<li>Trabzonspor
</ol>
Web sitesindeki görünüm:
Futbol Takımları
- Fenerbahce
- Galatasaray
- Beşiktaş
- Trabzonspor
Ayrıca sıralı listeyi start(başla) değişkeni ile isdediğimiz sayıdan başlatabiliriz.
Şablonu aşağıdadır:
<ol start="....">.................
<li>..........................
<li>....................
<li>..................
<li>...................
</ol>
Örnek:
<ol start="77">Futbol Takımları
<li>Fenerbahce
<li>Galatasaray
<li>Beşiktaş
<li>Trabzonspor
</ol>
Web sitesindeki görünüm:
Futbol Takımları
- Fenerbahce
- Galatasaray
- Beşiktaş
- Trabzonspor
2.Sırasız liste(unordered List)
Kısaltmaların ve ingilzce kelimelerin anlamı;
ul:ordered list(sırasız liste)
li :list(liste)
type:tip
Sırasız liste şablonu aşağıda;
<ul type="....">.................
<li>..........................
<li>....................
<li>..................
<li>...................
</ul>
NOT:Type="......." değişkeninin içini (circle=daire,disc=içi dolu daire,square=içi dolu kare) ile doldurabiliriz.
Sırasız liste örnekleri ve web sitesindeki görünümleri:
Örnek:
<ul type="circle">Futbol Takımları
<li>Fenerbahce
<li>Galatasaray
<li>Beşiktaş
<li>Trabzonspor
</ul>
Web sitesindeki görünüm:
Futbol Takımları
- Fenerbahce
- Galatasaray
- Beşiktaş
- Trabzonspor
Örnek:
<ul type="disc">Futbol Takımları
<li>Fenerbahce
<li>Galatasaray
<li>Beşiktaş
<li>Trabzonspor
</ul>
Web sitesindeki görünüm:
Futbol Takımları
- Fenerbahce
- Galatasaray
- Beşiktaş
- Trabzonspor
Örnek:
<ul type="square">Futbol Takımları
<li>Fenerbahce
<li>Galatasaray
<li>Beşiktaş
<li>Trabzonspor
</ul>
Web sitesindeki görünüm:
Futbol Takımları
- Fenerbahce
- Galatasaray
- Beşiktaş
- Trabzonspor
3.Tanımlama Listeleri(Definition List)
Kısaltmaların ve ingilzce kelimelerin anlamı;
dl:(definition list=tanımlama listesi)
dt:(definition term=tanımlanan terim)
dd:(definition description=tanımlamanın içeriği)
Tanımlama listesinin şablonu aşağıda;
<dl>
<dt>........................................
<dd>..................................................................
............................................................................
........................................................</dd>
</dt>
</dl>
Tanımlama liste örnekleri ve web sitesindeki görünümleri:
Örnek:
<dl>
<dt>Futbol Oyunu
<dd>Futbol iki takım ile oynanır.Her takımın 11 oyuncusu bulunur.Ayrıca yedek oyuncukar
yedek kulübesinde oturur.Futbol oyununun normal süresi 90 dakikadır.Kırmızı kart gören
futbolcu oyundan atılır.</dd>
</dt>
</dl>
Web sitesindeki görünüm:
- Futbol Oyunu
- Futbol iki takım ile oynanır.Her takımın 11 oyuncusu bulunur.Ayrıca yedek oyuncukar yedek kulübesinde oturur.Futbol oyununun normal süresi 90 dakikadır.Kırmızı kart gören futbolcu oyundan atılır.