Tags og containertegn |
De grundlæggende HTML-koder
For at en browser skal kunne opfatte
og vise et tekstdokument som en web-side (html-fil) skal der indsættes nogle få koder
eller 'tags' i tekstdokumentet.
Et HTML-tag (eller -kode) starter altid med 'container-tegnet' <
og afsluttes igen med tegnet > .
En web-side skal indeholde følgende <tags> som er den grundlæggende
struktur for at browseren ved at det er en webside der nu skal vises: |
<html> |
- enhver web-side begynder med denne kode, som fortæller browseren at dette er et
HTML dokument.
|
<head> |
- angiver at her kommer oplysninger om siden som ikke vises direkte i browseren,
men som er obligatoriske.
Vi skal senere se at der i denne head-sektion indsættes oplysninger til
brug for søgemaskiner, link til StyleSheet (typografiark), og link til
navigationsmenuer etc.
|
<title> |
- herefter skrives web-sidens titel som vises i browserens titellinje
|
</title> |
- titel-tag'et afsluttes eller lukkes - bemærk tegnet / , som fortæller at
den pågældende kode afsluttes
|
</head> |
- Fortæller browseren at 'head'- sektionen er slut
|
<body> |
- Body tag'et angiver at nu begynder den del af web-siden som skal vises i browseren -
efter body-tag'et skriver du din tekst, indsætter billeder etc .
|
</body> |
- afslutter tekstdelen - eller den synlige del af web-siden
|
</html> |
- siden afsluttes med at 'lukke' HTML-tag'et som siden jo startede med
|
Eksempel på den mest simple webside
Koderne
til en simpel web-side vil se sådan ud:
- Indtast koderne og teksten i f.eks. Notesblok
og gem som : html-skabelon.html
- Åbn derefter filen i en browser,
for at se hvordan det virker.
- Se eksempel her
|
Vis kilde |
Prøv når du åbner din web-side (
eller en anden web-side) i din browser at vælge Menuen Vis -> kilde.
Herved vises web-siden html-koder i Notesblok. Dette er en nem måde at se hvordan
andre har lavet forskellige effekter m.v. på deres hjemmeside. |
Flere HTML koder |
Se
næste side med flere HTML koder |