Bruk av Overskrifter og Avsnitt i HTML

Nå som vi forstår hvordan vi bygger korrekt HTML-struktur, kan vi 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å riktig 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.
Eksempel:

index.html

I eksempelet ovenfor:

<h1> brukes for hovedoverskriften på siden;
<h2> brukes for underoverskrifter, og indikerer et lavere viktighetsnivå 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

I eksempelet ovenfor:

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

Videoveiledning

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

2. Hvilken tag 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 av overskrifter tilbyr HTML?

Select the correct answer

Hvilken tag brukes for å angi overskrifter i HTML?

Select the correct answer

<title>

<heading>

<h1> til <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 more about the difference between headings and paragraphs in HTML?

Why is it important to use the correct heading levels in my HTML documents?

Can you give more examples of when to use each heading level?

Awesome!

Completion rate improved to 3.13

Bruk av Overskrifter og Avsnitt i HTML

Sveip for å vise menyen

Nå som vi forstår hvordan vi bygger korrekt HTML-struktur, kan vi 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

I eksempelet ovenfor:

<h1> brukes for hovedoverskriften på siden;
<h2> brukes for underoverskrifter, og indikerer et lavere viktighetsnivå 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

I eksempelet ovenfor:

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

Videoveiledning

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

2. Hvilken tag 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 av overskrifter tilbyr HTML?

Select the correct answer

Hvilken tag brukes for å angi overskrifter i HTML?

Select the correct answer

<title>

<heading>

<h1> til <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