HTML-elementtien pikakertaus

Seuraavan taulukon avulla voit pikaisesti kerrata XHTML-elementtien rakenteellisen merkityksen. Artikkelissa "Esteettömän WWW-sivun toteuttaminen" on kerrottu ja perusteltu tarkemmin HTML-sivun tekemiseen liittyviä asioita.

ElementtiKäyttökohdeHuomioita
pTekstikappale
h1Ensimmäisen tason otsikko
h2-h6Alemmat otsikkotasot
ulJärjestämätön listaLista-alkiot merkitään li-elementtillä
olJärjestetty listaLista-alkiot merkitään li-elementtillä
tableTaulukkoSisältö merkitään erikseen riveihin ja sarakkeisiin.
trTaulukon riviSisään tulee "sarakesolut" eli td-elementit
tdTaulukon "solu"Pitää olla tr-elementin sisällä
thTaulukon otsikkosoluPitää olla tr-elementin sisällä
aLinkkiEsimerkki: <a href="">tekstiä</a>
img KuvaEsimerkki: <img src="" alt="" />
brRivinvaihtoEsimerkki: <br />
strongVahvennus tärkeille asioillePitää sijaita kappaleen sisällä
emKorostus tärkeille asioille.Pitää sijaita kappaleen sisällä
headDokumentin "otsikkotiedot"
bodyDokumentin runkotiedot
linkLinkkimääritysSijaitsee head-elementin sisällä. Käytetään esimerkiksi tyylitiedoston linkittämiseen.
titleKoko dokumentin otsikkoPitää olla head-elementin sisällä

Käyttäjien kommentit

Kommentoi tätä sivua Lisää uusi kommentti
Kurssimateriaalien käyttäminen kaupallisiin tarkoituksiin tai opetusmateriaalina ilman lupaa on ehdottomasti kielletty!
http://appro.mit.jyu.fi/doc/tyovaline/wwwsivu/elementit.html
© Antti Ekonoja (anjoekon@jyu.fi) <http://users.jyu.fi/~anjoekon/>
Tommi Lahtonen (tommi.j.lahtonen@jyu.fi) <http://hazor.iki.fi/>
Jukka Mäntylä (jmantyla@iki.fi) <http://www.iki.fi/jmantyla/>
2003-11-10 10:21:28
Informaatioteknologia - Jyväskylän yliopiston IT-tiedekunta ja avoin yliopisto