26.07.2013 Views

Start med HTML - PDF - KnowWare

Start med HTML - PDF - KnowWare

Start med HTML - PDF - KnowWare

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

9<br />

Introduktion til <strong>HTML</strong> elementer<br />

Som tidligere nævnt er <strong>HTML</strong>-sproget opbygget<br />

af ganske almindelig tekst. For at fortælle<br />

browseren hvordan tekst og grafik skal vises på<br />

skærmen, bruges formaterings-elementer, på<br />

engelsk kaldet tags eller elements (Jeg vil efterfølgende<br />

bruge det danske udtryk element).<br />

<strong>HTML</strong> opbygges efter nogle specielle regler -<br />

disse regler kaldes også <strong>HTML</strong> sprogets syntax.<br />

Et <strong>HTML</strong> element består af tegnet mindre end<br />

().<br />

Elementer kan deles op i to typer:<br />

Lukkede elementer består at både et start element<br />

og et slut element. Er der tale om et slut element<br />

tilføjes en skråstreg (/) foran element-koden.<br />

Lukkede elementer har virkning på alt hvad der<br />

står i mellem start -og slut elementet.<br />

Denne tekst er bare fed<br />

Teksten der står i dette lukkede element bliver<br />

vist som Fed skrift i browseren:<br />

Denne tekst er bare fed<br />

Åbne elementer består kun af et start element og<br />

har kun virkning på det sted hvor elementet placeres.<br />

<br />

Dette åbne element definerer f.eks. et linieskift.<br />

Der findes meget få åbne elementer i<br />

<strong>HTML</strong>. Jeg vil efterfølgende derfor ikke skelne i<br />

mellem åbne og lukkede elementer, men blot<br />

benævne dem <strong>med</strong> deres start element . Gå altid<br />

ud fra at der er tale om et lukket element, <strong>med</strong><br />

mindre andet er angivet.<br />

Lad os se på lidt <strong>HTML</strong>-kode:<br />

<strong>HTML</strong> er ikke kun for nørder.<br />

Grundlæggende <strong>HTML</strong><br />

<strong>Start</strong> <strong>med</strong> <strong>HTML</strong> 19-07-08 12:58<br />

Elementet fortæller at teksten skal vises som<br />

Fed (Bold). Elementet fortæller at teksten<br />

skal vises som Kursiveret (Italic).<br />

Ovenstående <strong>HTML</strong>-kode vil altså se således ud<br />

i browseren:<br />

<strong>HTML</strong> er ikke kun for nørder.<br />

Elementer kan også sættes inden i hinanden<br />

(indlejring):<br />

<strong>HTML</strong> er ikke kun for nørder.<br />

Følgende resultat ville fås:<br />

<strong>HTML</strong> er ikke kun for nørder.<br />

Elementer må ikke overlappe hinanden:<br />

<strong>HTML</strong> er ikke kun for nørder.<br />

Ovenstående er forkert! Idet elementerne overlapper.<br />

Der er i øvrigt specielle regler for, hvilke<br />

elementer der må indlejres i hvilke elementer,<br />

men dette behøver du ikke at spekulere på i første<br />

omgang - du kan senere finde regler og konventioner<br />

omkring disse ting via <strong>HTML</strong> Quick<br />

Indeks s. 73.<br />

Langt de fleste elementer har attributter. Dvs. at<br />

deres funktion kan yderligere defineres:<br />

<br />

Indsætter en vandret linie i dokumentet <strong>med</strong><br />

standard tykkelsen 2 pixels. Men hvis vi nu i<br />

stedet skrev:<br />

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!