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	lista, jossa on numeroita	ordered list	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	käyttäytyy kuin img
Yhteistä näille kaikille (paitsi img): leveys on oletusarvoisesti 100 prosenttia aiheuttaa rivinvaihdon ennen ja jälkeen Yhteistä näille kaikille (myös img): voi säätää marginaaleja eli tyhjää tilaa ylä- ja alapuolella

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ännö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 3 vierekkäisen solun tilan	column span

Linkit
tägi	merkitys	mistä tulee
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 osoitteseen world wide webissä	absoluuttinen