HTML-Elementit

Yleisimmät HTML-elementit

Ns. isot elementit (laatikon kaltaiset)

tägimerkitysmistä tuleehuom
h1pääotsikkoheader 1
h2alaotsikkoheader 2
h3alaotsikon alaotsikkoheader 3
ptekstikappaleparagraph
ullista, jossa on pallojaunorderedsaa sisältää vain li-elementtejä
ollista, jossa on numeroitaordered listsaa sisältää vain li-elementtejä
lilistan kohtalist itemsaa sisältää mitä tahansa
divlohko ilman kummempaa merkitystädivisionsaa sisältää mitä tahansa
imgkuvaimageei lopetustägiä!
iframeelementti, joka tulee muualtainline framekäyttäytyy kuin img
Yhteistä näille kaikille (paitsi img ja iframe):leveys oletusarvoisesti 100%aiheuttaa rivinvaihdon ennen ja jälkeenYhteistä näille kaikille (myös img ja iframe):voi säätää marginaaleja eli tyhjää tilää ylä- ja alapuolella

Ns. pienet elementit (kuin sanat)
tägimerkitysmistä tuleehuom
alinkkianchor
blihavoitua tekstiäboldoli kielletty 2000-2014
strongvoimakkaasti korostettua tekstiäkäytännössä sama kuin b
ikursivoitua tekstiäitalicoli kielletty 2000-2014
emkorostettua teksitäemphasiskäytännössä sama kuin i
ualleviivattua tekstiäunderlineei yleensä kannata käyttää, koska näyttää linkiltä
smallvähemmän tärkeää tekstiä, sivuhuomautus
imgkuvaimageei lopetustägiä
brrivinvaihtobreak rowei lopetustägiä
Yhteistä kaikille:tälläiset menevät aina vierekkäin jos mahtuvat


Taulukot

tägimerkitysmistä tulee
tabletaulukko
captiontaulukon nimi, kuvateksti
trtaulukon rivitable row
thtaulukon otsikkosolutable header
tdtaulukon tavallinen solutable data
td colspan=”3″solu, joka vie 3 vierekkäisen solun tilancolumn span


Linkit

linkin muotominne johtaalinkki on…
a href=vihannekset/perunat.html”vihannekset-kansiossa olevaan tidostoon peruna.htmlsuhteellinen
a href=”peruna.html”samassa kansiossa olevaan tiedostoon peruna.htmlsuhteellinen
a href”../vihannekset/peruna.html”ylemmässä kansiossa ”vihannekset” olevaan tiedostoon peruna.htmlsuhteellinen
a href=”http://joku.osoite.example”kyseiseen osoitteeseen world wide websissäabsoluuttinen

Div-elementin kaltaiset

tägimerkitysmistä tuleehuom
headersivun yläosavoi sisältää logon, sivun pääotsikon ja linkkejä (nav)
navlinkit sivuston pääsivullenavigationvoi olla headerin sisäpuolella tai ulkopuolella
mainsivun varsinainen sisältövaatii ylimääräistä css-säätöä, jotta toimii myös internet Explorer-selaimessa
footersivun lopputäällä on yleensä yhteystietoja tai tekijän nimi