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