HTML for Kids · Lektion

Overskrifter og afsnit

Føj titler og tekst til din webside

Lektion 1 af 410 trin

Overskrifter og afsnit er en gratis HTML for Kids-lektion på CoddyKit. Dette er lektion 1 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.

Overskrifter og afsnit

Velkommen til den næste lektion! I dag lærer du, hvordan du tilføjer overskrifter og afsnit til din webside. Disse elementer gør dit indhold overskueligt og nemt at læse.

Hvad er overskrifter?

Overskrifter bruges til at oprette titler og undertitler på din webside. De går fra <h1> (størst) til <h6> (mindst).

Tænk på overskrifter som en disposition for dit indhold. De hjælper brugerne med at forstå sidens struktur.

Eksempel:

<h1>Main Heading</h1>
<h2>Subheading</h2>
<h3>Smaller Subheading</h3>

Brug af overskrifter

Lad os tilføje overskrifter til vores webside. Prøv denne kode for at se forskellen på overskrifternes størrelser:

<h1>This is an H1 Heading</h1>
<h2>This is an H2 Heading</h2>
<h3>This is an H3 Heading</h3>
<h4>This is an H4 Heading</h4>
<h5>This is an H5 Heading</h5>
<h6>This is an H6 Heading</h6>

Hvad er afsnit?

Afsnit er tekstblokke, der føjes til din webside ved hjælp af tagget <p>. De er perfekte til at tilføje detaljerede oplysninger eller beskrivelser.

Eksempel:

<p>This is a paragraph of text on my web page. It’s great for sharing information with my visitors!</p>

Tilføj flere afsnit

Du kan tilføje lige så mange afsnit, du vil, ved at bruge flere <p>-tags.

Eksempel:

<p>This is the first paragraph. It introduces my topic.</p>
<p>This is the second paragraph. It adds more details and examples.</p>
<p>This is the third paragraph. It concludes my thoughts.</p>

Kombinér overskrifter og afsnit

Overskrifter og afsnit fungerer sammen, så dit indhold bliver nemt at læse og forstå. Brug overskrifter til titler og afsnit til detaljerede oplysninger.

Eksempel:

<h1>Welcome to My Web Page</h1>
<p>This is a web page where I share my favorite recipes, hobbies, and stories.</p>

<h2>My Favorite Recipes</h2>
<p>I love baking cookies and cakes. Here’s a recipe for chocolate chip cookies!</p>

<h2>My Hobbies</h2>
<p>In my free time, I enjoy painting and playing video games.</p>

Bedste praksis for overskrifter og afsnit

Her er nogle tips, du bør huske:

Brug ét <h1> pr. side: Tagget <h1> bør kun bruges én gang som sidens hovedtitel.
Organisér indholdet: Brug mindre overskrifter (<h2>, <h3>) til at inddele sektioner.
Skriv tydelige afsnit: Hold dine afsnit korte og nemme at læse.

Prøv selv

Lad os oprette en enkel webside med overskrifter og afsnit. Her er et eksempel, du kan tage udgangspunkt i:

<!DOCTYPE html>
<html>
  <head>
    <title>Headings and Paragraphs</title>
  </head>
  <body>
    <h1>Welcome to My Page</h1>
    <p>This is the main paragraph introducing my page.</p>
    
    <h2>About Me</h2>
    <p>I’m learning HTML and enjoying the process!</p>

    <h2>My Goals</h2>
    <p>My goal is to create a professional-looking website someday.</p>
  </body>
</html>

Godt gået!

Flot arbejde! Du har lært at tilføje overskrifter og afsnit til din webside. De er afgørende for at skabe et tydeligt og velstruktureret indhold. I næste lektion ser vi på, hvordan du opretter lister for at organisere oplysninger. Gør dig klar til mere sjov!

Overskrifter og afsnit — illustration 10

Gratis at komme i gang

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

Start gratis Se hele kurset

Ofte stillede spørgsmål

Er lektionen “Overskrifter og afsnit” gratis?

Ja — hele teksten til “Overskrifter og afsnit” 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 “Overskrifter og afsnit”?

Føj titler og tekst til din webside 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 1 af 4.

Hvor lang tid tager lektionen “Overskrifter og afsnit”?

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

← Tilbage til HTML for Kids