XHTML:n tavallisimmat elementit
Seuraavissa taulukoissa on lyhyesti selitettynä tavallisimmat
XHTML:n elementit (samat elementit löytyvät myös HTML5:sta).
Lisäksi voit katsella esimerkkejä elementeistä.
Lohkotason elementit
Elementti | Selite | Engl. | Tarkennus |
h1 | Pääotsikko | heading 1 | ensimmäisen tason otsikko |
h2 | Alaotsikko | heading 2 | toisen tason otsikko |
h3 | Kolmannen tason otsikko | heading 3 | |
h4 | Neljännen tason otsikko | heading 4 | |
h5 | Viidennen tason otsikko | heading 5 | |
h6 | Kuudennen tason otsikko | heading 6 | |
p | Tekstikappale | paragraph | |
ul | Järjestämätön lista | unordered list | alkioissa yleensä listamerkit |
ol | Järjestetty lista | ordered list | alkioissa yleensä numerointi |
li | Lista-alkio | list item | |
pre | Esimuotoiltu teksti | preformatted | muotoillaan kuten lähdekoodissa |
div | Yleinen lohko | division | |
address | Tietoa sivuston ylläpitäjästä | | |
table | Taulukko | | |
caption | Taulukon otsikko | | |
tr | Taulukon rivi | table row | |
th | Taulukon otsikkosolu | table header | |
td | Taulukon tietosolu | table data | |
Tekstitason elementit
Elementti | Selite | Engl. | Tarkennus |
strong | Tärkeä | | ulkoasu riippuu selaimesta ja tyyleistä |
em | Korostus | emphasis | ulkoasu riippuu selaimesta ja tyyleistä |
a | Hyperlinkki | anchor | href="osoite" |
q | Viittaus | quote | cite="osoite" |
samp | Esimerkki | sample | |
code | Ohjelmakoodi | | |
img | Kuva | image | - korvattava elementti
- src="tiedoston nimi"
- alt="vaihtoehtoinen teksti"
- title="kuvan otsikko"
|
br | Pakotettu rivinvaihto | break | - korvattava elementti
- älä käytä tyhjän tilan luomiseen
- älä käytä normaalin kappaleen rivien vaihtoon
|
Dokumentin rakenteen ja rungon elementit
Elementti | Selite | Tarkennus |
html | HTML-tekstin juurielementti | - aina ensimmäinen elementti
- xmlns="http://www.w3.org/1999/xhtml"
|
body | Näkyvän tekstiosan runko | |
head | Dokumentin otsikko- ja metatiedot | |
title | Dokumentin otsikko | |
link | Viitteet muihin dokumentteihin | - href="osoite" (esim. oma.css)
- rel="viittauksen tyyppi" (esim. StyleSheet)
- type="viitedokumentin mediatyyppi" (esim. text/css)
|
XHTML 1.0 Strict -dokumentin runko
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fi">
<head>
<link href="malli.css" rel="StyleSheet" type="text/css" />
<title>Sivustoa kuvaava otsikko</title>
</head>
<body>
<h1>Dokumentin pääotsikko</h1>
<p>Tähän tekstiä...</p>
</body>
</html>
Käyttäjien kommentit