Kapittel 2 - Dokumentstruktur

Når du har åpnet notisblokk eller et annet program for redigering av sidene dine kan du skrive inn følgende tekst:

<html>
<head>
<title>
Dette er tittelen på siden
</title>
</head>
<body>
Dette er innholdet på siden.
</body>
</html>

Eks. 1 - HTML-kode for din første nettside

Nå skal vi lagre filen og se hvordan den ser ut i en nettleser. Trykk med venstre musknapp på menylinjen i notisblokk:

Fil -> Lagre som

Trykk på ikonet merket Mine dokumenter til venstre i vinduet som dukker opp.

Trykk så på ikonet for å lage en ny mappe som ser slik ut:

Trykk på ikon for ny mappe

Skriv inn f.eks. web som navn på mappen. og dobbeltklikk på mappen for å åpne denne.

Lagre filen som minside.html.

Nå skal du åpne siden din i nettleseren din (f.eks. Internet Explorer). Åpne nettleseren og hent inn siden ved å bruke menyen (vanligvis fil eller file og deretter Åpne eller Open. Åpne filen du lagret i mappen web i mine dokumenter)

Se resultatet av eksempel 1 i et nytt vindu

Alle ord som er avgrenset av mindre enn og større enn (< og >) kalles for tagger (f.eks. <html>) og har spesielle funksjoner i en nettside. Taggen <html> viser nettleseren din at her starter nettsiden, mens den avsluttes hvor den finner taggen </html>. Slik er de fleste taggene oppbygd, altså med en "vanlig" tagg (<taggnavn>) og en som avslutter virkeområdet til denne taggen (</taggnavn>).

Som du kan se på resultatet vil det som er skrevet mellom taggene <title> og </title> dukke opp som tittelen på siden (helt øverst, f.eks. som "Microsoft Internet Explorer - Dette er tittelen på siden"). Likedan vil innholdet på siden bestå av det som er mellom taggene <body> og </body>.

Taggen <head> (og selvsagt også </head>) bestemmer hva som tilhører hodet på dokumentet, i vårt tilfelle er dette tittelen (avgrenset av <title>-taggene) på dokumentet. Det finnes også andre tagger som kan befinne seg i hodet på dokumentet, men disse kommer vi tilbake til senere.

Det er kanskje interessant å se at eksempelet ovenfor godt kunne vært skrevet slik:

<html> <head> <title> Dette er tittelen på siden </title> </head> <body> Dette er innholdet på siden. </body> </html>

...men særlig ryddig er det jo ikke! Sørg for at du skriver sidene dine på en oversiktlig måte slik at du unngår å overanstrenge øynene dine.

Legg særlig merke til at alle tagger er skrevet med små bokstaver. Du kan skrive tagger med store bokstaver eller en blanding av store og små bokstaver om du vil, men av årsaker vi kommer tilbake til senere bør du allerede nå ta til deg vanen med å skrive alle tagger med små bokstaver.

Neste >> >>