[IMAGE]

 Listat
Kirjan sivut 58 - 59
Listat voidaan jakaa kolmeen eri päätyyppiin: numeroimaton lista, numeroitu lista ja selityslista. Numeroimaton ja numeroitu lista ovat tyyliltään samanlaisia. Molemmissa Lista aloitetaan <OL> (numeroitu) tai <UL> (numeroimaton) elementillä. Listan lopetukseen vastaavasti kirjoitetaan </OL> tai </UL>. Listassa esitettävät asiat merkitään <LI> elementillä. Sille voidaan myös laittaa lopetus, jos halutaan, mutta </LI> ei ole pakollinen.

Numeroimattomalle listalle, voidaan määritellä luettelomerkki kolmella tyypillä:
<UL TYPE="disc"> - Musta ympyrä
<UL TYPE="circle"> - Läpinäkyvä ympyrä
<UL TYPE="square"> - Musta neliö
HTML-Koodi Näyttää tältä selaimessa
<UL> 
<LI>ensimmäinen asia 
<LI>toinen asia  
<LI>kolmas asia 
<LI>neljäs asia 
</UL>
  • ensimmäinen asia 
  • toinen asia 
  • kolmas asia 
  • neljäs asia 
Lisäämällä UL-tagin perään 
TYPE=circle saat pallon jolla on vain 
ääriviiva. Type=square tekee taas listan merkistä neliön. Type-tagit ei toimi Explorerissa. 
<UL TYPE=circle>  
<LI>ensimmäinen asia 
<LI>toinen asia 
<LI>kolmas asia 
<LI>neljäs asia 
</UL> 

<UL TYPE=square>  
<LI>ensimmäinen asia 
<LI>toinen asia 
<LI>kolmas asia 
<LI>neljäs asia 
</UL>
  • ensimmäinen asia 
  • toinen asia 
  • kolmas asia 
  • neljäs asia 
 
  • ensimmäinen asia 
  • toinen asia 
  • kolmas asia 
  • neljäs asia 
Numeroidulle listalle voidaan vastaavalla tavalla määritellä numeroinnin merkki:
<OL TYPE="A"> - isot aakkoset A, B, C jne..
<OL TYPE="a"> - pienaakkoset a, b, c jne...
<OL TYPE="I"> - Roomalaiset numerot I, II, III, IV jne...
<OL TYPE="i"> - pienet roomalaiset i, ii, iii, iv jne...
Halutessasi aloittaa listan tietystä kohdasta kirjoita OL-elementtiin start=(numero mistä lista alkaa) 
esim. 
<OL START=5> 
<LI>ensimmäinen asia 
<LI>toinen asia 
<LI>kolmas asia 
</OL> 
Aloittaa numeroidun listan numerosta 5. Jos käytät START-lisäystä muiden TYPE-lisäysten yhteydessä, niin esim. isoissa aakkosissa lista alkaisi START=5:lla kirjaimesta E.
<OL> 
<LI>ensimmäinen asia 
<LI>toinen asia  
<LI>kolmas asia 
<LI>neljäs asia 
</OL> 

<OL TYPE="i"> 
<LI>ensimmäinen asia 
<LI>toinen asia  
<LI>kolmas asia 
<LI>neljäs asia 
</OL> 


<OL START=5> 
<LI>ensimmäinen asia 
<LI>toinen asia  
<LI>kolmas asia 
</OL> 

 

  
  1. ensimmäinen asia 
  2. toinen asia 
  3. kolmas asia 
  4. neljäs asia 
 
  1. ensimmäinen asia 
  2. toinen asia 
  3. kolmas asia 
  4. neljäs asia 
 
  1. ensimmäinen asia 
  2. toinen asia 
  3. kolmas asia 
Määrittelylista 
<DL> 
<DT>ensimmäinen asia 
<DD>ensimmäisen asia selitys 
<DT>toinen asia 
<DD>toisen asian selitys 
</DL>
ensimmäinen asia 
ensimmäisen asian selitys 
toinen asia 
toisen asian selitys 

 

Listoja voidaan myös yhdistellä, laittamalla elementit sisäkkäin
<OL>
<LI>Musiikki
  <UL>
  <LI>Jamppa
  <LI>Paula
  <LI>Erkki
  </UL>
<LI>Urheilu
  <UL>
  <LI>Lasse
  <LI>Martti
  <LI>Kaarlo
  </UL>
</OL>

 
  1. Musiikki
    • Jamppa
    • Paula
    • Erkki
  2. Urheilu
    • Lasse
    • Martti
    • Kaarlo
Kooste:
Elementti Attribuutit / selitykset
<UL> - </UL> Numeroimaton lista 
type - luettelomerkin muoto
<OL> - </OL> Numeroitu lista
type - numeroinnin tyyppi
start - aloitusnumero
<LI> - </LI> Numeroidun tai numeroimattoman listan rivi
type - luettelomerkin tyyli
<DL> - </DL> Määrittelylista 
<DT> - </DT> Määrittelylistan termi 
<DD> - </DD>  Määrittelylistan termin selitys