Alla on esimerkki web-sivun lähdekoodista, eli
XHTML-dokumentista. Dokumentti noudattaa
HTML-kielen versiota XHTML Basic,
mikä on kerrottu ensimmäisellä rivillä.
head
-osassa on kerrottu otsikon
lisäksi dokumentin tekijä ja päivä, jona
dokumenttia on viimeksi muutettu.
body
-osassa on ensin sivun
pääotsake, sitten kappale eri tavoin muotoiltua tekstiä,
sisäkkäisiä listoja ja taulukko. Lopuksi sivulla on
vielä kuva. Skandinaaviset merkit (ä ja ö) on korvattu
standardinmukaisilla korvikkeilla
ä
(a + umlaut) ja
ö
(o + umlaut).
Jos tahdot käyttää esimerkkisivua oman sivusi
pohjana, kopioi alla oleva koodi haluamaasi tekstieditoriin ja tallenna se
nimellä esim.html.
Älä kuitenkaan tallenna tämän sivun
lähdekoodia, sillä siinä esimerkkisivun tagit on
määritelty <
- ja
>
-merkeillä, jotta ne
näkyisivät selaimessa oikein.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" type="text/css" href="./tyylit.css" /> <title>Esimerkkisivu</title> </head> <body> <h1>Esimerkkisivu</h1> <p>Tällä sivullä esitellään XHTML-elementtejä.</p> <p>Tässä kappaleessa on linkki <a href="http://w3.org/TR/html">uusimpaan HTML-versioon</a>.</p> <h2>Listat</h2> <ul> <li>yksi</li> <li>toinen</li> </ul> <h3>Järjestysnumeroilla</h3> <ol> <li>ensimmäinen</li> <li>toinen</li> </ol> <h2>Taulukko</h2> <table summary="lyhyt kuvaus taulukon sisällöstä"> <caption>Taulukon otsikko</caption> <tr><th>1. sarakkeen otsikko</th><th>2. sarakkeen otsikko</th></tr> <tr><td>1. rivin 1. sarake</td><td>1. rivin 2. sarake</td></tr> <tr><td>2. rivin 1. sarake</td><td>2. rivin 2. sarake</td></tr> </table> <h2>Oma osio kuvalle</h2> <div> <img alt="oma kuva" src="omakuva.jpg" width="60" height="100" /> </div> </body> </html>