ElkooNet Sivunotsikko
Johdanto Ohjelmat Koodeja Kuvat Linkit Listat Lomakkeet Taulukot Tyylit Kehykset Äänet
pvmkkvuosi

Listat
Lista aloitetaan listan tyypin osoittavalla koodilla, ja lopetetaan tietysti saman tyyppiseen lopetus koodiin. Listan kohdat merkitään <LI>-koodilla, joka ei tarvitse päättävää koodia. Listoja voi esiintyä myös sisäkkäin. Listoja on useampia eri tyyppiä, tässä niistä pari:

Numeroitu (järjestetty) lista (Ordered list, jota tässä käytetään ostoslistana):
Koodi alla:Ja tälle näyttää:
<OL>
<LI>Kori olutta
<LI>Kilo makkaraa
<LI>Korkinavaaja
</OL>
  1. Kori olutta
  2. Kilo makkaraa
  3. Korkinavaaja

Tyyppiä on myös mahdollista vaihtaa. Määrittely voidaan kirjoittaa joko listan aloittavaan koodiin esim. <OL TYPE="A"> tai sitten listan kohtaa osoittavaan koodiin esim. <LI TYPE="a">. Jos määrittely kirjoitetaan listan kohtaa osoittavaan koodiin, jää siinä vaihdettu "numerointityyppi" voimaan listan loppuun asti, ellei tyyppiä taas uudella määrittelyllä vaihdeta toiseen. Muut mahdolliset tyypit ovat:

TYPE="A" Aakkosellinen järjestys isoilla kirjaimilla A., B., C., D., E. jne.
TYPE="a" Aakkosellinen järjestys pienillä kirjaimilla a., b., c., d., e. jne.
TYPE="I" Roomalaiset numerot isoilla kirjaimilla I., II., III., IV., V. jne.
TYPE="i" Roomalaiset numerot pienillä kirjaimilla i., ii., iii., iv., v. jne.

Numerointi (tai luettelointi) voidaan aloittaa myös muusta numerosta kuin ykkösestä. Alkunumero voidaan määritellä lisäämällä START="x"-määre listan aloittavaan koodiin. Lainausmerkkeihin laitetaan x:n tilalle numero, josta numerointi halutaan aloittaa. Esim. <OL START="5"> aloittaa numeroinnin numerosta 5 ja <OL START="3" TYPE="A"> aloittaa luetteloinnin kirjaimesta C.

Numeroimaton (järjestämätön) lista (Unordered list):
Koodi alla:Ja tälle näyttää:
<UL>
<LI> Ensimmäinen kohta
<LI> Toinen kohta
</UL>
  • Ensimmäinen kohta
  • Toinen kohta

Oletuksena listan kohtien merkinnässä käytetään tyyppiä "Disc" eli täytettyä ympyrää. Tyyppiä on mahdollista vaihtaa. Määrittely voidaan tässäkin tapauksessa kirjoittaa joko listan aloittavaan koodiin esim. <UL STYLE="list-style-type: Circle;"> tai sitten listan kohtaa osoittavaan koodiin esim. <LI STYLE="list-style-type: Square;">Jos määrittely kirjoitetaan listan kohtaa osoittavaan koodiin, jää siinä vaihdettu merkintätyyppi voimaan listan loppuun asti, ellei tyyppiä taas uudella määrittelyllä vaihdeta toiseen. Mahdollisia tyyppejä ovat:

Koodi alla:Ja tälle näyttää:
<UL STYLE="list-style-type: Disc;">
<LI> Täytetty ympyrä
</UL>
  • Täytetty ympyrä
<UL STYLE="list-style-type: Circle;";>
<LI> Tyhjä ympyrä
</UL>
  • Tyhjä ympyrä
<UL STYLE="list-style-type: Square;";>
<LI> Täytetty neliö
</UL>
  • Täytetty neliö

Toimii myös määrittelyillä: type=disc, type=circle ja type=square.

Määritelmälista (Definition list):
Koodi alla:Ja tälle näyttää:
<DL>
<DT>Sisentymätön otsikko
<DD>Sisentynyt selitysosa
</DL>
Sisentymätön otsikko
Sisentynyt selitysosa

Määritelmälistalla on kaksi osaa:
1) Otsikko-osa, joka merkitään <DT>-koodilla (Definition Term) ei sisenny.
2) Selitysosa, joka merkitään <DD>-koodilla (Definition Data) sisentyy.
<DT>- ja <DD> koodit eivät tarvitse päättävää koodia.
Alatunniste Click
Vierailijoiden lkm 12/5 -04 lähtien: 274901 kpl. Online 8. Sivulataukset 9/7 -04 lähtien: 5181791 kpl.
Johdanto Ohjelmat Koodeja Kuvat Taustakuvat Taustavärit Linkit Listat Lomakkeet Php-palaute Taulukot Tyylit Kehykset Äänet Kotisivutilaa Domain osoite Metakone Hirsipuu Lisää linkki Päivänvitsi Suosittele Vieraskirja Lähetä kortti

Mietelause: Erehtyminen on inhimillistä, mutta todella suuriin mokiin tarvitaan tietotekniikkaa.
Tuntematon


Niittykukka