Lære Introduksjon til HTML for Strukturering av Innhold

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:

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

index.html

Legge til ulike tagger i HTML

I HTML kan vi bruke forskjellige tagger for å legge til ulike 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.

index.html

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.

index.html

Legge til lister

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

index.html

Legge til skjemaer

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

index.html

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.

index.html

Videoveiledning

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 2

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

Suggested prompts:

Can you explain more about the different HTML tags and their uses?

How do I add images and links to my web page?

What is the purpose of using forms in HTML?

Awesome!

Completion rate improved to 5

Sveip for å vise menyen

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

Eksempel:

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

index.html

Legge til ulike tagger i HTML

I HTML kan vi bruke forskjellige tagger for å legge til ulike 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.

index.html

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.

index.html

Legge til lister

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

index.html

Legge til skjemaer

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

index.html

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.

index.html

Videoveiledning

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 2