html opas sivu 2

Jarjestetyssa listassa asiat esitetaan tietyssa nimenomaisessa jarjestyksessa. Listan kohdat numeroidaan.

[OL]

 [LI]listan 1. luku

[LI]listan 2. luku

[/OL]

1. listan1.luku
2. listan2.luku

Maarittelylistassa esitetaan maariteltava asia ja sen selitys. Maarittelylistassa listataan ts. asioita kuten vaikkapa sanakirjoissa.

[DL]

 [DT]listan 1. asia

 [DD]asian 1 selitys

 [DT]listan 2. asia

[DD]asian 2 selitys

 [/DL]

listan1.luku

listan1,2.luku

listan2.luku

listan2,2.luku

Listojen sisalla voi tarvittaessa kayttaa tekstin muokkausmaarittelyita (esim. lihavointia) Listoja voi laittaa myos sisakkain hierarkkisen listan aikaansaamiseksi:[/u][/center][/h1] Tilan ulottuvuudet

[UL]

             [LI]ensimmainen taso

 [UL]

 [LI]toinen taso

             [UL] [LI]kolmas taso

[/UL]

[/UL] [LI]ensimmaisen tason toinen asia

[/UL]

HTML-tekstin joukkoon voi kirjoittaa kommentteja, jotka eivat tule nakyviin sivua normaalisti katseltaessa. Kommentointi kannattaa tehda riveittain: rivin alkuun tulee Kommenteista voi periaatteessa tehda useampirivisia mutta osa selaimista saattaa kuitenkin talloin virheellisesti nayttaa osan kommenteista sivua katseltaessa. Kommentteihin ei kannata myoskaan laittaa HTML-koodeja, koska selaimet saattavat menna tasta sekaisin Valta siis tata: Huomaa, etta vaikka kommenttisi eivat nay normaalissa dokumenttinaytossa WWW-selaimessa, nakyvat ne kuitenkin lahdekoodia tarkasteltaessa Esimerkiksi Netscape-selaimessa lahdekoodin saa nakyviin valitsemalla View-valikosta vaihtoehdon Document Source [!--This is a comment--]

[pre][/pre]esimuotoiltu teksti

[pre] esimuotoiltu teksti on valmiiksi kirjoitettua. mika nakyy juuri sellaisena kuin olet sen kirjoittanut voit tehda vaikka kaavioita tai mita nyt mieleen juolahtaa.?? [/pre]

[u][/u]alleviivaus

 alleviivaus ei ole hirvean yleista mutta voi sitakin kayttaa. esimerkiksi painottamaan jotain sanaa.

[em][/em]

Lieva korostaminen (emphasis)

[strong][/strong]

Vahva korostaminen

DIV on geneerinen lohkoelementti, jota kaytetaan esimerkiksi dokumentin tietyn osan fontin tai varin tai horisontaalisen sijoittelun apuna. Se ei siis itsessaan tee mitaan, apuna on CSS jolla maaritellaan kunkin DIV-osan tyyli. DIV voi pitaa sisallaan mita tahansa lohko- ja tekstielementteja, myos toisen DIV-elementin. Vanhentunut [DIV ALIGN="center"] on sama asia kuin [CENTER]. CSS:n avulla voidaan tehda vaikka nain:

 .foo { text-align: center; margin-left: 8%; margin-right: 8% } .bar { font-weight: bold }

 Taman jalkeen [DIV CLASS="foo"]- ja [/DIV]-tagien valissa olevan osan teksti keskitetaan ja marginaalit ovat hieman suuremmat kuin dokumentin muissa osissa. [DIV CLASS="bar"] aloittaa lihavoidulla fontilla esitetyn osan.