Bruk av Overskrifter og Avsnitt i HTML

Du forstår hvordan du bygger korrekt HTML-struktur, la oss nå rette oppmerksomheten mot å fylle body-elementet med innhold som skal vises på nettsiden.

Overskrifter

Overskrifter brukes til å strukturere og organisere innhold på en nettside. HTML tilbyr seks nivåer av overskrifter, fra <h1> (viktigst) til <h6> (minst viktig).

Det er viktig å bruke hvert overskriftsnivå hensiktsmessig for å opprettholde klarhet og konsistens i dokumentets struktur. Overdreven bruk av høyere overskriftsnivåer eller å hoppe over nivåer kan føre til forvirring og gjøre det vanskelig for brukere og søkemotorer å forstå organiseringen av innholdet.

index.html

<h1> brukes for hovedoverskriften på siden;
<h2> brukes for underoverskrifter, og indikerer et lavere nivå av viktighet sammenlignet med <h1>;
<h3> brukes for ytterligere inndelinger innenfor en underseksjon.

Avsnitt

Avsnitt, angitt med <p>-taggen, deler tekstblokker inn i separate avsnitt og gir visuell og semantisk klarhet til innholdet.
Eksempel:

index.html

Hver <p>-tagg definerer et eget avsnittsblokk;
Nettleseren legger automatisk til mellomrom mellom avsnitt for å forbedre lesbarheten og opprettholde visuell konsistens.

1. Hvor mange nivåer med overskrifter tilbyr HTML?

2. Hvilken tagg brukes for å angi overskrifter i HTML?

3. Hva er anbefalt praksis for bruk av overskrifter i HTML?

4. Hvilken tag brukes for å definere avsnitt?

Hvor mange nivåer med overskrifter tilbyr HTML?

Select the correct answer

Hvilken tagg brukes for å angi overskrifter i HTML?

Select the correct answer

<title>

<heading>

<h1> to <h6>

Hva er anbefalt praksis for bruk av overskrifter i HTML?

Select the correct answer

Bruk <h1> for alle overskrifter.

Bruk <h1> for hovedoverskrifter og <h2> for underoverskrifter.

Hopp over overskriftsnivåer for å lage visuell hierarki.

Hvilken tag brukes for å definere avsnitt?

Select the correct answer

<p>

<paragraph>

<text>

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 3

Spør AI

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Suggested prompts:

Can you explain the difference between headings and paragraphs in HTML?

Why is it important to use the correct heading levels in a webpage?

Can you show examples of how to use `<h1>`, `<h2>`, and `<p>` tags together?

Awesome!

Completion rate improved to 2.86

Bruk av Overskrifter og Avsnitt i HTML

Sveip for å vise menyen

Du forstår hvordan du bygger korrekt HTML-struktur, la oss nå rette oppmerksomheten mot å fylle body-elementet med innhold som skal vises på nettsiden.

Overskrifter

Overskrifter brukes til å strukturere og organisere innhold på en nettside. HTML tilbyr seks nivåer av overskrifter, fra <h1> (viktigst) til <h6> (minst viktig).

index.html

<h1> brukes for hovedoverskriften på siden;
<h2> brukes for underoverskrifter, og indikerer et lavere nivå av viktighet sammenlignet med <h1>;
<h3> brukes for ytterligere inndelinger innenfor en underseksjon.

Avsnitt

Avsnitt, angitt med <p>-taggen, deler tekstblokker inn i separate avsnitt og gir visuell og semantisk klarhet til innholdet.
Eksempel:

index.html

Hver <p>-tagg definerer et eget avsnittsblokk;
Nettleseren legger automatisk til mellomrom mellom avsnitt for å forbedre lesbarheten og opprettholde visuell konsistens.

1. Hvor mange nivåer med overskrifter tilbyr HTML?

2. Hvilken tagg brukes for å angi overskrifter i HTML?

3. Hva er anbefalt praksis for bruk av overskrifter i HTML?

4. Hvilken tag brukes for å definere avsnitt?

Hvor mange nivåer med overskrifter tilbyr HTML?

Select the correct answer

Hvilken tagg brukes for å angi overskrifter i HTML?

Select the correct answer

<title>

<heading>

<h1> to <h6>

Hva er anbefalt praksis for bruk av overskrifter i HTML?

Select the correct answer

Bruk <h1> for alle overskrifter.

Bruk <h1> for hovedoverskrifter og <h2> for underoverskrifter.

Hopp over overskriftsnivåer for å lage visuell hierarki.

Hvilken tag brukes for å definere avsnitt?

Select the correct answer

<p>

<paragraph>

<text>

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 3