HTML er grunnmuren i alle nettsider. Det definerer strukturen og innholdet på et nettsted, på samme måte som vegger, dører og tak utgjør et hus.

HTML består av elementer, som vanligvis kommer i par: en åpnings-tag og en lukkings-tag. Disse elementene danner et hierarki, hvor noen elementer er plassert inni andre for å skape en meningsfull sidestruktur.

Eksempel

Klikk på Kjør kode for å se resultatet:

Legge til ulike tagger i HTML

I HTML kan vi bruke ulike tagger for å legge til forskjellige typer innhold på nettsiden. Her er hvordan vi kan legge til tekst, bilder, lenker og mer:

Legge til tekst

For å legge til tekst på nettsiden, kan vi bruke <p>-taggen for avsnitt, <h1> til <h6> for overskrifter på ulike nivåer.

Legge til bilder

For å legge til bilder kan vi bruke <img>-taggen. Angi bildekilden (src-attributtet) og inkluder eventuelt attributter som alt for alternativ tekst samt width og height for dimensjoner.

<img src="image.jpg" alt="Description of the image" width="300" height="200" />

Legge til lenker

For å legge til hyperkoblinger til andre nettsider eller ressurser, kan vi bruke <a>-taggen. Angi URL-en til målsiden ved å bruke href-attributtet.

Legge til lister

For å lage ordnede (nummererte) eller uordnede (punktmerkede) lister, kan vi bruke taggene <ol> og <ul>. Inne i disse taggene brukes <li>-taggen for hvert listeelement.

Legge til skjemaer

For å lage skjemaer for brukerinput, kan vi bruke ulike skjema-relaterte tagger som <form>, <input> og <button>.

Vi kan legge til et bredt spekter av innhold på nettsiden ved å bruke disse HTML-tagene, fra enkel tekst og bilder til interaktive skjemaer. Nedenfor finner du nettsiden med de aktuelle tagene.

Videoveiledning