5. En simpel side
Med mindre du opbygger dine sider i en wysiwyg editor, så er det nødvendigt at kende
de mest basale HTML koder eller tags, som de i daglig tale kaldes. Derfor vil jeg i de
følgende punkter gennemgå de basale HTML tags og nogle af de mere avancerede.
Dette er det enkleste HTML dokument man kan lave, som også fungerer:
<html>
<head>
<title>Titel på dokument</title>
</head>
<body>
<font>
<p>Dokument indhold</p>
</font>
</body>
</html>
En hurtig gennemgang af de brugte tags:
<html>
- Indikerer starten på et HTML dokument
<head>
- Mellem <head> og </head> placeres det som skal læses ind først,
f.eks.
<title>
- Mellem <title> og </title> placeres titlen på dokumentet,
altså det som kommer til at stå i titel baren på browser vinduet.
<body>
- Brugers til at definere baggrundsfarve/-grafik, skriftfarve osv.
Dvs. det generelle udseende af siden.
<font>
- Bruges til at definere skrift type og størrelse.
<p>
- Står for paragraf, altså start på nyt afsnit. Mellem <p> og </p>
står selve dokumentteksten.
</font>
- Slut tag'et til <font>, dvs. herfra gælder specifikationerne i <font>
ikke længere.
</body>
- Er slut tag'et til før beskrevne <body>, indikerer at herfra gælder
specifikationerne i <body> ikke længere.
</html>
- Slut på HTML dokumentet.
Brugen af <body> tag'et:
I eksemplet før er der ikke defineret nogle specifikationer for <body>,
det vil jeg give eksempler på.
Baggrundsfarve/-grafik og skrift farve, er eksempler på ting
som defineres i <body>. Farver skrives som regel i hexadecimal værdier,
sådan her: #xxyyzz, hvor xx er mængden af rød, yy er mængden af grøn og zz er mængden
af blå, f.eks. så ser rød sådan her ud: #ff0000. Uden at skulle gå i detaljer
i det hexadecimale system, kan jeg fortælle at f er det højeste og 0 det mindste.
Det er muligt at indsætte et stykke grafik som baggrund, sådan her:
<body background="grafiknavn.type">
Baggrundsfarven defineres sådan her:
<body bgcolor="#ff0000">
Skriftfarve defineres sådan her:
<body color="#000000">
Og de kan så kombineres:
<body bgcolor="#ff0000" color="#000000">
Det vil give et dokument med sort skrift på rød baggrund.
Brugen af <font> tag'et:
Ligesom med <body>, definerede jeg ikke nogle specifikationer for <font>
i eksemplet før, det vil jeg give eksempler på.
I <font> tag'et defineres font(skrifttype) type og størrelse. Typerne er stadard
windows true type fonte, f.eks. Arial eller
Times New Roman. Det er altid en god
ide at bruge de mest normale fonte, som førnævnte, da læseren kun kan se dokumentet
med den specikerede font type, hvis han selv har den installeret. Hvis det ikke er muligt
vil hans browser automatisk vælge en standard/default font. Så sørg for altid at vælge
en standard windows font !
Font typen defineres sådan her:
<font face="Arial">
Font størrelsen defineres sådan her:
<font size="2">
Og de kan så kombineres:
<font face="Arial" size="2">
Dette vil give et dokument med skrifttype Arial i størrelse 2, som er en normal stor
størrelse.
Små tips:
Du kan lave kursiv, ved at placere din tekst mellem <i> og </i>.
Du kan lave fed skrift, ved at placere din tekst mellem <b> og </b>.
Du kan lave understreget skrift, ved at placere din tekst mellem <u> og </u>.
Du kan til sidst også kombinere det, så du får f.eks. fed, kursiv og understreget skrift,
så placerer du teksten mellem <i><b><u> og </u></b></i>.