## Mål
Opbyg den korrekte webside ved at skabe en grundlæggende HTML-dokumentstruktur. Denne struktur udgør rygraden i enhver HTML-side og består af essentielle elementer, som browsere har brug for for at gengive dit indhold korrekt.

Lad dig ikke narre af den tilsyneladende enkelhed i websidedesignet. Selvom det kan virke ligetil, er det stadig afgørende at **opretholde den korrekte dokumentstruktur**. Dette sikrer, at hjemmesiden bevarer læsbarhed og funktionalitet på tværs af alle browsere.

Bemærk

## Opgave
Opret en grundlæggende HTML-dokumentstruktur. Hvis du allerede er sikker på dine evner, er du velkommen til at fortsætte uden trin-for-trin-vejledningen. Hvis du ønsker mere vejledning, er der en trinvis gennemgang tilgængelig for at hjælpe dig på vej.

### Trin 1: Start HTML-dokumentet
Begynd med at skrive HTML-doctype-deklarationen, som fortæller browseren, at dokumentet er skrevet i HTML. Deklarationen skal være den første linje i dit HTML-dokument:

### Trin 2: Tilføj de åbne og lukkende html-tags
Efter doctype-deklarationen tilføjes de åbne og lukkende HTML-tags. Hele HTML-dokumentets struktur vil være indeholdt inden for disse tags. Tilføj desuden attributten `lang` for at angive dokumentets sprog:

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj48L2h0bWw+

### Trin 3: Opret head-sektionen
Tilføj de åbne og lukkende `<head>`-tags inden for HTML-tagsene. Head-sektionen indeholder metaoplysninger om HTML-dokumentet, såsom titel og links til eksterne stylesheets:

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD48L2hlYWQ+CjwvaHRtbD4=

### Trin 4: Tilføj titlen
Inden for `<head>`-tagsene tilføjes de åbne og lukkende `<title>`-tags. Teksten, du indtaster mellem disse tags, vises som websidens titel i browserens titellinje eller fane:

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDx0aXRsZT5NeSBXZWJwYWdlPC90aXRsZT4KICA8L2hlYWQ+CjwvaHRtbD4=

### Trin 5: Opret body-sektionen
Efter `<head>`-sektionen tilføjes de åbne og lukkende `<body>`-tags. Body-sektionen indeholder det synlige indhold på websiden:

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDx0aXRsZT5NeSBXZWJwYWdlPC90aXRsZT4KICA8L2hlYWQ+CiAgPGJvZHk+PC9ib2R5Pgo8L2h0bWw+

### Trin 6: Tilføj indhold til body
Elementer som overskrifter, afsnit, billeder, links osv. kan tilføjes inden for `<body>`-tags. Her er et eksempel på tilføjelse af en overskrift og et afsnit:

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDx0aXRsZT5NeSBXZWJwYWdlPC90aXRsZT4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8aDE+VGhlIHdlYnBhZ2UgbWFpbiBoZWFkaW5nPC9oMT4KICAgIDxwPlNvbWUgY29udGVudC48L3A+CiAgPC9ib2R5Pgo8L2h0bWw+

PCEtLSBDcmVhdGUgdGhlIGJhc2ljIGRvY3VtZW50IHN0cnVjdHVyZSAtLT4K

Lær det grundlæggende i HTML (HyperText Markup Language), fundamentet for webudvikling. Dette begynder-venlige kursus dækker tags, attributter, elementer og strukturering af websider. Få praktiske færdigheder i at skabe overskrifter, afsnit, lister, billeder, links, formularer og tabeller. Udforsk bedste praksis, optimering og webtilgængelighed. Start din webudviklingsrejse med HTML.

Udforsk internettets indre funktioner. Lær hvordan data rejser over netværk, opdag protokollernes rolle, og afslør mysterierne bag IP-adresser og domænenavne. Få en overordnet forståelse af, hvordan webbrowsere og servere kommunikerer for at levere webindhold.

Opdag kraften i tags til at strukturere indhold, fra overskrifter og afsnit til lister og tabeller. Lær hvordan du forbedrer elementerne med attributter.

Kernen i HTML-dokumentstrukturen. Lær komponenterne i et HTML-dokument, inklusive doctype-deklarationen, head og body. Forstå formålet med hvert element, og hvordan de bidrager til den overordnede struktur af en webside.

Gør en webside mere attraktiv ved hjælp af medier som billeder, lyd og video. Arbejd med strukturerede tabeldata i form af tabeller.

Udforsk alsidigheden af HTML-formularer. Lær at designe intuitive og brugervenlige formularer ved at udnytte nøglekoncepter og teknikker. Opdag, hvordan formularer muliggør brugerinteraktion og dataindsendelse på hjemmesider.

Udfordring: Strukturer et HTML-dokument korrekt

Mål

Opgave

Trin-for-trin-vejledning

Trin 1: Start HTML-dokumentet

Trin 2: Tilføj de åbne og lukkende html-tags

Trin 3: Opret head-sektionen

Trin 4: Tilføj titlen

Trin 5: Opret body-sektionen

Trin 6: Tilføj indhold til body

Prøv selv