Ns. isot elementit (laatikon kaltaiset)
| tägi |
merkitys |
mistä tulee |
huom. |
| h1 |
pääotsikko |
header |
|
| h2 |
alaotsikko |
header 2 |
|
| h3 |
alaotsikon alatsikko |
header 3 |
|
| p |
tekstikappale |
paragraph |
|
| ul |
lista, jossa on palloja |
unordered list |
saa sisältää vain li-elementtejä |
| ol |
lista, jossa on numeroita |
ordered list |
saa sisältää vain li-elementtejä |
| li |
listan kohta |
list item |
|
| div |
lohkon ilman kummempaa merkitystyä |
division |
saa sisältää mitä tahansa |
| img |
kuva |
image |
ei lopetustägiä! |
| iframe |
elementti,jonka sisältö tulee muualta |
inline frame |
|
|
yhteistä näille kaikkille(paitsi img ja iframe):
- leveys olerusarvoisesti 100%
- aiheuttaa rivinvaihdon ennen ja jälkeen
yhteitä näille kaikkille(myös img ja iframe)
- voi säästää marginaaleja eli tyhjää tilaa ylä- ja alapuolella
|
Ns. pienet elementit (kuin sanat)
| tägi |
merkitys |
mistä tulee |
huom. |
| a |
linkki |
anchor |
|
| b |
lihavoitua tekstiä |
bold |
nykyään taas salittu |
| strong |
voimakkaasti korestettu tekstiä |
|
käyttännössä sama kuin b |
| i |
kursivoitua tekstiä |
italic |
nykyään taas salittu |
| em |
korestettu tekstiä |
emphasis |
käyttännössä sama kuin i |
| u |
alleviivautua tekstiä |
underline |
ei yleensä kannata käyttää,kosska näyttää linkiltä |
| small |
vähemmän tärkeää tekstiä,sivuhuomautus |
|
|
| spam |
pätkä tekstiä ilman kummempaa merkitystä |
|
|
| img |
kuva |
image |
ei lopetustägiä! |
| br |
rivinvaihto |
break row |
ei lopetustägiä! |
|
yhteistä näille kaikkille:
- tällaiset menevät aina vierekkäin, jos mahtuvat
|
Taulukot
| tägi |
merkitys |
mistä tulee |
| Table |
taulukko |
|
| caption |
taulukkon nimi,"kuvateksti" |
|
| tr |
taulukon rivi |
table row |
| th |
taulukon Otsikkosolu |
italic |
| td |
taulukon tavallinen solu |
table data (cell) |
| td colspan="3" |
solu,joka vie 3 vierekkäisen solun tilan |
columm span |
Linkit
| linkin muoto |
minne johtaa |
linkki on... |
| a href="vihannekset/peruna.html" |
vihannnekset-kansiossa olevaan tiedostoon peruna.html |
suhteellinen |
| a href="peruna.html" |
samassa kansiossa olevaan tiedostoon peruna.html" |
suhteellinen |
| a href="../vihannekset/peruna.html" |
ylemmässä kansiossa "vihannekset" olevaan tiedostoon peruna.html |
suhteellinen |
| a href="http://joku.osoite.example" |
kyseiseen osoitteeseen world wide webissä |
absoluuttinen |
Div-elementin kaltaiset
| tägi |
merkitys |
mistä tulee |
huom |
| header |
sivun yläosa |
|
voi sisältää logon, sivun pääotsikko ja linkkejä (nav) |
| nav |
linkit sivuston pääsivuille |
navigation |
voi olla headerin sisäpuolella tai ulkopuolella |
| main |
sivun varsinainen sisältö |
|
|
| footer |
sivun loppu |
|
täällä on yleensä yhteystietoja tai tekijän nimi |