Paragraffer, Overskrifter og sektioner i HTML

Brugen af Paragraffer og overskrifter, og hvordan man laver sektioner i HTML.

I HTML har vi elementer som overføre en betydning, eksempelvis paragraffer, som skal bruges til at opmærke tekst. Det er vigtigt at man altid bruger de rigtige elementer, sådan at enheder der er afhængige af deres korrekte brug, ikke får din HTML galt i halsen.

Overskrifter skal opmærkes med h1 til h6 elementerne, men hvis du også bruger section elementet, så kan du nøjes med at bruge h1 til hver sektion.

Paragraffer

Når man skal skrive almindelig tekst bruges <p> elementet, hvilket står for Paragraf, et Eksempel er vist Nedenfor:

<body>
  <p>Dette er min første Hjemmeside</p>
</body>

Eksemplet viser en Paragraf placeret i body sektionen.

Overskrifter

Overskrifter angives med h1 til h6, et eksempel ses nedenfor:

<h1>h1 - Headline1</h1>
<h2>h2 - Overskrift2</h2>
<h3>h3 - Overskrift3</h3>
<h4>h4 - Overskrift4</h4>
<h5>h5 - Overskrift5</h5>
<h6>h6 - Overskrift6</h6>

Hvilket vil rasultere i noget lignende det som ses nedenfor:

Billede som viser hvordan HTML overskrifterne h1 til h6 ser ud med standard stilen. H1 er den største, hvor h6 er den mindste.

Sektioner med overskrifter

Det er sådan, at hver overskrift laver en sektion på siden. Hvis du bruger overskrifter alene, uden sektions elementer, så er det vigtigt du bruger dem i den rigtige rækkefølge. Men hvis du bruger sektions elementer, eksempelvis: section elementet, så er det ligemeget hvilken rækkefølge du bruger dine overskrifter i.

Nedenfor ses et eksempel der anvender sektions elementer.

<!DOCTYPE html>
<html lang="da">

  <head>
    <title>Eksempel på hvordan man bruger Sektions elementer</title>
  </head>

  <body>
    <article>
    <h1>Overskriften til hovde sektionen på siden</h1>
    <p>Den første sektion på siden bliver oprettet af article elementet.</p>

    <section>
      <h1>Overskrift til undersektion af article</h1>
      <p>Dette er en undersektion til den første sektion.</p>

     <section>
       <h1>Overskrift til undersektion af første section</h1>
       <p>En Undersektion til den første undersektion.</p>
     </section>
    </section>
    </article>
  </body>

</html>

En Indledning til CSS - Billeder og Links i HTML