Opsætning af Deres første HTML-side
Skriv Deres første HTML-kode i en enkel teksteditor.
Opsætning af Deres første HTML-side er en gratis HTML for Kids-lektion på CoddyKit. Dette er lektion 4 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i HTML for Kids, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. HTML for Kids-kurset indeholder 4 lektioner i alt.
Opsætning af din første HTML-side
Velkommen til den mest spændende del af at lære HTML! I dag opretter du din første HTML-side fra bunden. Gør dig klar til at se din kode komme til live!
Værktøjer, du skal bruge
For at oprette en HTML-side skal du kun bruge to ting:
- En teksteditor: Det kan f.eks. være Notepad (Windows), TextEdit (Mac) eller en anden editor som VS Code.
- En webbrowser: Chrome, Firefox eller en anden browser, hvor du kan se din side.
Lad os begynde at kode!
Åbn din teksteditor
Trin 1: Åbn din teksteditor
1. Åbn din teksteditor, f.eks. Notepad eller VS Code.
2. Gem en ny fil som index.html. Sørg for at medtage filtypenavnet .html!
Nu er vi klar til at tilføje HTML-kode!
Skriv den grundlæggende struktur
Trin 2: Skriv den grundlæggende struktur
Alle HTML-sider har brug for en grundlæggende struktur. Skriv følgende kode i din fil:
<!DOCTYPE html>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<!-- Content goes here -->
</body>
</html>Tilføj en overskrift
Trin 3: Tilføj en overskrift
Tilføj en overskrift til din side inden i <body>-tagget:
<h1>Welcome to My First Web Page!</h1>
Tilføj et afsnit
Trin 4: Tilføj et afsnit
Tilføj et afsnit under overskriften, der beskriver din side:
<p>This is my first web page, and I’m learning HTML. It’s so much fun!</p>
Gem og åbn din side
Trin 5: Gem og åbn din side
1. Gem filen, når du har skrevet din kode.
2. Åbn din browser.
3. Træk filen index.html ind i browservinduet, og slip den.
Voila! Din første webside er online!
Din komplette HTML-side
Her kan du se, hvordan din endelige kode bør se ud:
<!DOCTYPE html>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<h1>Welcome to My First Web Page!</h1>
<p>This is my first web page, and I’m learning HTML. It’s so much fun!</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>My Awesome Page</title>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>
Godt gået!
Tillykke med at have oprettet din første HTML-side! Du har lært at opsætte den grundlæggende struktur, tilføje en overskrift og skrive et afsnit. I næste lektion lærer du at tilføje flere spændende elementer som billeder og links til din side. Fortsæt det gode arbejde!
Lær HTML med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 16
- Lektioner
- 35
Ofte stillede spørgsmål
Er lektionen “Opsætning af Deres første HTML-side” gratis?
Ja — hele teksten til “Opsætning af Deres første HTML-side” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af HTML for Kids-kurset, skal du opgradere til CoddyKit PRO. HTML for Kids-kurset indeholder 4 lektioner i alt.
Hvad lærer jeg i “Opsætning af Deres første HTML-side”?
Skriv Deres første HTML-kode i en enkel teksteditor. Du øver dig i HTML for Kids med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på HTML for Kids?
Der kræves ingen tidligere erfaring. HTML for Kids på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 4 af 4.
Hvor lang tid tager lektionen “Opsætning af Deres første HTML-side”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne HTML for Kids-lektion?
Ja. Alle HTML for Kids-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- Hvad er HTML?
- HTML-struktur: byggestenene
- HTML-tags og -elementer
- Opsætning af Deres første HTML-side