yhteenveto tavallisimmista HTML-elementeistä

Ns. isot elementit (laatikon kaltaiset)
tägi merkitys mistä tulee huom
h1 pääotsikko header 1
h2 alaotsikko header 2
h3 alaotsikon alaotsikko header 3
p tekstikappale paragraph
ul lista jossa on palloja unordered list saa sisältää vain li-elementtejä
ol listä jossa on numeroita ordered list sisältää vain li-elementtejä
li listan kohta list item saa sisältää mitä tahansa
div lohko ilman kummempaa merkitystä division saa sisältää mitä tahansa
img kuva image ei lopetustägiä!

yhteistä näille kaikille (paitsi img)

  • leveys on oletusarvoisest 100 prosenttia
  • aiheuttaa rivivaihdon ennen ja jälkeen

yhteistä näille kaikille (myös img)

  • voi säätää marginaaleja eli tyhjää tilaa ylä ja alapuolelle
Ns. pienet elementit (kuin sanat)
tägi merkitys mistä tulee huom
a linkki anchor
strong voimakkaasti korostettua tekstiä käytännössä sama kuin b
b lihavoitua tekstiä bold nykyään taas sallittu
em korostettua tekstiä emphasis käytänössä sama kuin i
i kursivoitua tekstiä italic nykyään taas sallittu
small vähemmän tärkeää tekstiä
span pätkä tekstiä ilman kummempaa merkitystä
img kuva image ei lopetustägiä
br rivinvaihto break row ei lopetustägiä

yhteistä kaikille

  • tällaiset menevät aina vierekkäin jos mahtuvat
taulukot
tägi merkitys mistä tulee
table taulukko
caption taulukon nimi,"kuvateksti"
tr taulukon rivi table row
th taulukon otsikkosolu table header(cell)
td taulukon tavallinen solu table data(cell)
td colspan="3" solu joka vie kolmen vierekkäisen solun tilan column span
linkit
linkin muoto minne johtaa linkki on
a href="vihannekset/perunat.html" vihannekset-kansiossa olevaan tiedostoon peruna.html suhteelinen
a href="perunat.html" samassa kansiossa olevaan tiedostoon suhteelinen
a href="../vihannekset/peruna.html" ylemmässä kansiossa vihannekset" olevaan tiedostoon peruna.html suhteellinen
a href="http://joku.osoite.example" kyseiseen osoitteseen world wide webissä absolutinen
div-elementin kaltaiset
tägi tarkoitus mistä tulee huomioitavaa
header sivun yläosa voi sisältää logon, sivun pääotsikon ja linkkejä (nav)
nav linkit sivuston pääsivuille navigation voi olla headerin sisäpuolella tai ulkopuolella
main sivun varsinainen sisältö vaatii ylimääräistä css-säätöä, jotta toimii myös internet Explorer -selaimessa
footer sivun loppu täällä on yleensä yhteystietoja tai tekijän nimi