HTML, grunnlaget for nettsider, definerer deres struktur og innhold. Tenk på det som grunnmuren, veggene, døren og taket til et hus.

I sin kjerne består HTML av elementer omsluttet av vinkelparenteser (<>) og kommer vanligvis i par – en åpningstag og en lukkingstag. Disse elementene danner en hierarkisk struktur, hvor noen elementer er nestet inni andre for å skape en meningsfull oppsett.

Eksempel:

Klikk på Kjør kode-knappen for å se nettsiden i aksjon.

Legge til ulike tagger i HTML

I HTML kan vi bruke ulike tagger for å legge til forskjellige typer innhold på nettsiden. Slik kan vi 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-attributt) 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 <ol>- og <ul>-taggene. Inne i disse taggene brukes <li>-taggen for hvert listeelement.

Legge til skjemaer

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

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

Videoveiledning