Lære Grunnleggende Struktur i et HTML-Dokument | Forståelse av Nettet og HTML

Et typisk HTML-dokument ser slik ut:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Title of the Document</title>
  </head>
  <body>
    <!-- Content goes here -->
  </body>
</html>

Merk

Ingen grunn til bekymring, du vil utforske hver del grundig i de kommende kapitlene. Foreløpig bør du se på og bli kjent med det visuelle utseendet til HTML.

Kort oppsummering av strukturen

<!DOCTYPE html>: forteller nettleseren hvilken versjon av HTML dokumentet bruker. I dette tilfellet er det HTML5, den nyeste versjonen av HTML;
<html>: er rootelementet i HTML-dokumentet. Alle andre elementer er plassert innenfor dette elementet;
<head>: inneholder meta-informasjon om dokumentet, som tegnkoding (<meta charset="UTF-8">) som sikrer at spesialtegn vises korrekt, og dokumenttittelen (<title>) som vises i nettleserens tittellinje eller fane;
<title>: angir tittelen på dokumentet, som vises i nettleserens tittellinje eller fane;
<body>: er der hovedinnholdet på nettsiden plasseres. Her legger du inn tekst, bilder, lenker, skjemaer og andre elementer inne i <body>-elementet. Dette er det brukerne ser og samhandler med når de besøker nettsiden din.

Kodeeditor-lenke - Visual Studio Code

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 1. Kapittel 5

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

Sveip for å vise menyen