Gå til innhold

Introduksjon til HTML

HTML (HyperText Markup Language) er språket som brukes til å lage nettsider. Det forteller nettleseren hva innholdet er - overskrifter, avsnitt, bilder, lenker og mer.

HTML, CSS og JavaScript

Tre teknologier jobber sammen for å lage nettsider:

Teknologi Rolle Analogi
HTML Struktur og innhold Skjelettet
CSS Utseende og layout Klærne
JavaScript Interaktivitet Musklene

Hvordan HTML fungerer

HTML bruker tagger for å merke innhold:

<p>Dette er et avsnitt.</p>
  • <p> er starttaggen
  • </p> er slutttaggen
  • Teksten mellom er innholdet

Grunnstruktur

Alle HTML-sider følger denne strukturen:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<!DOCTYPE html>
<html lang="no">
<head>
    <title>Min side</title>
</head>
<body>
    <h1>Velkommen!</h1>
    <p>Dette er innholdet.</p>
</body>
</html>

Kom i gang

  1. Lag en fil med .html-endelse (f.eks. index.html)
  2. Skriv grunnstrukturen
  3. Legg til innhold i <body>
  4. Åpne filen i en nettleser

Prøv selv

Opprett en fil, lim inn koden over, og åpne den i nettleseren!

Standardkode i VS Code

I VS Code kan du skrive ! og trykke Tab eller Enter for å generere HTML-grunnstrukturen automatisk. Denne snarveien kalles "Emmet" og sparer deg for mye skriving.

Referanse

Se HTML-referansen for en komplett oversikt over alle HTML-elementer og attributter.

Videre lesning

Grunnleggende

Media

  • Bilder - Legge til bilder på nettsiden
  • Video - Video og YouTube
  • Lyd - Lyd og musikk

Avansert