| tägi | merkitys | mistä tulee | huomautuksia |
|---|---|---|---|
| h1 | pääotsikko | Header 1 | |
| h2 | alaotsikko | Header 2 | |
| h3 | alaotsikon alaotsikko | Header 3 | |
| p | teksitkappale | Paragraph | |
| ul | lista, jossa on palloja | Unordered List | ul saa sisältää vain li-elementtejä |
| ol | lista, jossa on numeroita | Ordered List | ol saa 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ä |
| iframe | elementti jonka sisältö tulee muualta | Inline Frame | |
|
yhteistä näille kaikille (paitsi img ja iframe):
Yhteistä kaikille (myös img ja iframe):
| |||
| tägi | merkitys | mistä tulee | huomautuksia |
|---|---|---|---|
| a | linkki | Anchor | |
| b | lihavoitua tekstiä | Bold | nykyään taa sallittu |
| strong | voimakkaasti 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 i |
| u | alleviivattua tekstiä | Underline | ei yleensä kannata käyttää, koska näyttää linkiltä |
| small | vähemmän tärkeää tekstiä, sivuhuomautus | ||
| span | pätkä tekstiä ilman kummempaa merkitystä | ||
| img | kuva | Image | ei lopetustägiä! |
| br | rivinvaihto | Break Row | ei lopetustägiä! |
yhteistä kaikille:
|
| 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 coldspan="3" | solu joka vie 3 vierekkäisen solun tilan | column span |
| 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="https://joku.osoite.example" | kyseiseen osoitteeseen world wide webissä | absoluuttinen |
| tägi | merkitys | mistä tulee | huom |
|---|---|---|---|
| header | sivun yläosa | vi 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äälä on yleensä yhteystietoja tai tekiän nimi |