Lære Udfordring: Strukturer Et HTML-Dokument Korrekt

Mål

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

Bemærk

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

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 derimod ønsker mere vejledning, er der en trinvis gennemgang til rådighed for at hjælpe dig på vej.

Trin-for-trin guide

Trin 1: Start HTML-dokumentet

Start med at skrive HTML-doctype-deklarationen, som informerer browseren om, at dokumentet er skrevet i HTML. Deklarationen skal være den første linje i dit HTML-dokument:

index.html

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. Inkluder desuden attributten lang for at angive dokumentets sprog:

index.html

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:

index.html

Trin 4: Tilføj titlen

Inden for <head>-tagsene skal du tilføje de åbne og lukkende <title>-tags. Den tekst, du indtaster mellem disse tags, vises som websidens titel i browserens titellinje eller fane:

index.html

Trin 5: Opret body-sektionen

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

index.html

Trin 6: Tilføj indhold til body

Du kan tilføje elementer inden for <body>-tags, såsom overskrifter, afsnit, billeder, links osv. Her er et eksempel på tilføjelse af en overskrift og et afsnit:

index.html

Prøv selv

index.html

Var alt klart?

Tak for dine kommentarer!

Sektion 3. Kapitel 5

Spørg AI

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Suggested prompts:

Can you show me an example of a complete basic HTML document?

What should I put as the title of the webpage?

Can you explain the purpose of each section in the HTML structure?

Stryg for at vise menuen

Mål

Bemærk

Opgave

Trin-for-trin guide

Trin 1: Start HTML-dokumentet

Start med at skrive HTML-doctype-deklarationen, som informerer browseren om, at dokumentet er skrevet i HTML. Deklarationen skal være den første linje i dit HTML-dokument:

index.html

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

index.html

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:

index.html

Trin 4: Tilføj titlen

Inden for <head>-tagsene skal du tilføje de åbne og lukkende <title>-tags. Den tekst, du indtaster mellem disse tags, vises som websidens titel i browserens titellinje eller fane:

index.html

Trin 5: Opret body-sektionen

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

index.html

Trin 6: Tilføj indhold til body

Du kan tilføje elementer inden for <body>-tags, såsom overskrifter, afsnit, billeder, links osv. Her er et eksempel på tilføjelse af en overskrift og et afsnit:

index.html

Prøv selv

index.html

Var alt klart?

Tak for dine kommentarer!

Sektion 3. Kapitel 5