Dette dokumentet er laget i henhold til XHTML 1.0 som er siste standard for å lage web-sider. Denne standarden er framtidsrettet, og nye dokumenter bør følge denne. Det er mulig å bruke en eldre standard, men da må hodet i dokumentet omskrives.
Du bør se dokumentet i en nettleser samtidig som du bruker en teksteditor (notepad, edit, emacs) til å studere innholdet. (Du kan også se koden ved å gå på View|Page Source i nettleseren.)
Alle XHTML dokumenter har følgende grunnstruktur:
<?xml .... ?> <!DOCTYPE ... > <html ... > <head> <title>En tittel</title> </head> <body> Her skriver du din tekst </body> </html>
Dokumentet skriver du inn mellom <body> og </body>, og teksten «...» må du erstatte med teksten du finenr ved å se koden i dette dokumentet.
Hovedverskrifter lages ved å omslutte overskriften med <h1> Hovedoverskrift </h1>, <h2> Underoverskrift </h2> osv ned til <h6> Minste overskrift </h6>, som gir de minste overskriftene. Denne teksten må altså befinne seg inne i body elementet.
<body>, <html>, <h1>, <h2> etc. er eksempler på det som kalles tagger, eller HTML tagger. Disse merker tekst til å tilhøre en bestemt klasse/type med tekst, eller gir teksten en spesiell oppgave. Tager har alltid en åpne-tagg (f.eks <h1>), og en lukke-tagg (f.eks </h1>). I XHTML 1.0 må alle tagger lukkes, og de må skrives med små bokstaver. Dagens nettlesere vil sannsynligvis klare å vise dokumentet om du synder mot dette, men kommende nettlesere for mobiltelefoner etc vil sannsynligvis ikke bli like flinke til å håndtere feil.
I Word starter du ett nytt avsnitt/paragraf ved å trykke på linjeskift. I XHTML gjør du dette ved å omslutte teksten med taggene <p> og </p>. Avsnitt/paragrafer må lukkes.
I XHTML (og også HTML 4) brukes taggene for å angi teksttype, f.eks overskrift, bilde, paragraf, liste etc. Det er da opp til nettleseren å formatere teksten slik at overskrifter ser ut som overskrifter, lister vises som lister osv.
Mange programmer for å lage Web-sider skriver kode i taggene for å spesifisere utseende på en tagg, f.eks <h1 color="blue">En blå oversskrift</h1>. Web-standarden tillater ikke dette. I XHTML 1.0 og HTML 4.0 er alle utseende-atributter merket deprecated, dvs. foreldet. Og i kommende XHTML versjoner tillates ikke slik kode. HTML tagger skal angi teksttype, ikke utseende.
Hvordan kan vi da angi et utseende på en overskrift? Jo, ved bruk av stiler. I starten av dette dokumentet vises en stil der alle h1 sentereres, og der vi spesifiserer font (teksttype) for teksten i dokumentet. Dette stilformatet kalles CSS, eller Cassading StyleSheet.
W3C anbefaler at stiler legges i egne dokument som referes fra web-siden. Det har vi ikke gjort her. Sjekk ut dokumentet som tar oss videre for å se hvordan det kan gjøres..
Vi har nå lært å lage overskrifter og paragrafer og vi har berørt stiler for å gi et utseende til teksten. For de som vil lære om flere tagger har jeg laget et dokument som tar oss videre.
La oss til slutt sjekke at dette dokumentet følger web-standardene for XHTML og CSS. Klikk på bildene under for å sjekke dokumentet.