Start med HTML - PDF - KnowWare
Start med HTML - PDF - KnowWare
Start med HTML - PDF - KnowWare
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 />