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

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