Lektion 4: Dit første website
Udfra det du har lært i de foregående lektioner, er du nu kun minutter fra at lave dit første HTML-dokument.
Hvordan?
I lektion 1 fik du af vide, hvad du skulle bruge for at lave HTML-dokumenter: en browser og Notepad (eller en lignende teksteditor). Browseren har du - siden du læser dette - allerede åben, men åben et ekstra vindue (åben browseren en gang til), så du både kan læse videre i tutorialen og se dine egne nye sider.
Åben også Notepad (i startmenuen under Programs (Programmer) under Accessories (Tilbehør)):
Så er vi klar!
Hvad kan jeg lave?
Jeg tror vi starter med noget enkelt - måske en side der skriver "Dette er min første side". Okay?
HTML virker på en meget simpel og logisk facon. Browseren læser HTML, ligesom du selv læser: fra toppen til bunden og fra venstre mod højre. En HTML-side starter derfor med det der skal komme først, og afsluttes med det der skal komme sidst.
Det du allerførst skal gøre, er at fortælle browseren, at du har tænkt dig at skrive HTML. Det gør du med taget <html> (ingen overraskelser der). Gå derfor ind i Notepad og skriv <html> øverst på siden.
Som du måske husker fra den forrige lektion, er <html> et åbningstag, og skal derfor lukkes med et </html>, når du er færdig med at skrive HTML. Indsæt derfor et </html> et par linjer nede, og skriv resten af siden mellem <html> og </html>.
Dernæst skal din side have et hoved og en krop. Meget logisk sidder hovedet (<head> og </head>) ovenpå kroppen (<body> og </body>).
Nu skulle din side se sådan ud:
<html> <head> </head> <body> </body> </html>
Hvis den gør det, har du lavet dit første HTML-dokument. En usandsynlig kedelige side og sikkert ikke det du har drømt om, men alligevel et slags websted. For det du har lavet, er grundskabelonen for alle dine fremtidige sider.
....!?
Ja okay, lad os lave en rigtig side.
Din side har altså to dele: et hoved og en krop. I 'hovedet' kan du gemme oplysninger om siden, mens 'kroppen' indholder det, der udfører siden. Hvis du vil oplyse om sidens titel, ville det derfor være naturligt at gøre det i 'hovedet'. Taget for en titel er <title>:
<title>Min første side</title>
Som lovet skal vi have siden til at skriv "Dette er min første side". Det er altså det, der skal udføres, og hører derfor til i 'kroppen' (body'en):
<p>Dette er min første hjemmeside</p>
P'et i <p>-taget står for "Paragraph", som oversat betyder "afsnit", og det er jo præcis hvad det er.
Sådan skulle det gerne se ud:
<html> <head> <title>Min første side</title> </head> <body> <p>Dette er min første side</p> </body> </html>
Færdigt arbejde. Du har lavet din første rigtige side!
Nu skal den bare gemmes, så den kan åbnes i din browser. For nemhedens skyld nøjes vi i første omgang med at gemme siden på din egen computer og ikke på Internettet:
- Vælg "Save As..." ("Gem som...") under "File" i Notepad.
- Vælg "All Files" ("Alle Filer") i boksen "Save as type" ("Gem som type") (Dette er meget vigtigt, da du ellers gemmer din side som et tekstdokument og ikke som en HTML-fil).
- Gem nu din side som f.eks. "side1.html" (endelsen ".html" fortæller, at det er en HTML-fil, men endelsen ".htm" giver det samme resultat, så du kan selv bestemme, hvilken endelse du vil bruge. Selv bruger jeg ".htm").
Gå nu over i det ekstra browservindue:
- Vælg "Open" ("Åben") under "File" ("Fil")
- I boksen der kommer til syne klikkes på "Browse" ("Gennemse")
- Find nu din side og åben den.
Tillykke! Nu skulle der meget gerne stå "Dette er min første side" i din browser.
Hvis du absolut vil have hele verden til at se din første hjemmeside, kan du allerede nu hoppe til lektion 13 og lære at uploade din side på Internettet.
- Relateret materiale på HTML.dk
- Relaterede nyhedsgrupper på Usenet
- Relaterede links om emnet
