ns. isot elementiti (laatikon)
| tägi | merkitys | lyhenne tulee | huomautuksia |
|---|---|---|---|
| h1 | ala otsikon ala otsikko | header 1 | |
| h2 | ala otsikon ala otsikko | header 2 | |
| h3 | ala otsikon ala otsikko | header 3 | |
| p | teksti kappale | paragraph | |
| ul | lista jossa on palloja | unordered list | saa sisältää vain li elementejä |
| ol | lista jossa on numeroita | ordered list | saa sisältää vain li elementejä |
| li | lista kohta | listitem | saa sisältää mitä vaa |
| div | lohkoa ilman merkitystä | division | saa sisältää mitä vaa |
| img | kuva | image | ei lopetus tägiä |
| ifame | elementti jonka sisältö tulee muualta | inline frame | |
|
yhteistä näille kaikille(paitsi img)
yhteistä näillä kaikilla (myös img ja iframe) |
|||
ns. pinet elementtit (kuin sanat)
| tägi | merkitys | lyhenne tulee | huomautuksia |
|---|---|---|---|
| a | linkki | anchor | |
| b | lihavoitua tekstiä | bold | nykyään taas sallittu |
| strong | voimakaasti korostettua tekstiä | käytännössä sama kuin b | |
| i | kursivoitua tekstiä | italic | nykyään taas sallittu |
| em | korostettua tekstiä | emphasis | käytännössä sama kuin b |
| u | alleviivattua tekstiä | underline | ei yleensä kannata käyttää, koska näyttää linkille |
| small | vähemmän tärkeää tekstiä, sivuhuomautus | ||
| span | pätkä tekstiä ilman kummenpaa merkitystä | ||
| img | kuva | image | ei lopetus tägiä |
| br | rivinvaihto | break row | ei lopetus tägiä |
yhteistä kaikilla
|
taulukot
| tägi | merkitys | mistä tulee |
|---|---|---|
| table | taulukko | |
| caption | taulukon nimi, "kuvateksti" | |
| tr | taulukon rivi | table row |
| th | taulukon otsikkosolu | table header (cell) |
| td colspan="3" | solu, joka vie 3 vierekkäisen solun tilan | column span |
linkit
| linkin muoto | minne johtaa | linkki on... |
|---|---|---|
| a href="vihannekset/peruna.html" | vihannekset-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ääotsikon 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 |