HTML, grundlaget for websider, definerer deres struktur og indhold. Tænk på det som et hus' fundament, vægge, dør og tag.

I sin kerne består HTML af elementer, der er omsluttet af vinkelparenteser (<>) og typisk forekommer i par – en åbningstag og en lukningstag. Disse elementer danner en hierarkisk struktur, hvor nogle elementer er indlejret i andre for at skabe et meningsfuldt layout.

Eksempel:

Klik venligst på Kør kode-knappen for at se hjemmesiden i aktion.

Tilføjelse af forskellige tags i HTML

I HTML kan vi bruge forskellige tags til at tilføje forskellige typer indhold på websiden. Her er, hvordan vi kan tilføje tekst, billeder, links og mere:

Tilføjelse af tekst

For at tilføje tekst til websiden kan vi bruge <p>-tagget til afsnit, <h1> til <h6> til overskrifter på forskellige niveauer.

Tilføjelse af billeder

For at tilføje billeder kan vi bruge <img>-tagget. Angiv billedets kilde (src-attributten) og inkluder eventuelt attributter som alt for alternativ tekst samt width og height for dimensioner.

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

Tilføjelse af links

For at tilføje hyperlinks til andre websider eller ressourcer kan vi bruge <a>-tagget. Angiv URL'en til destinationssiden ved hjælp af href-attributten.

Tilføjelse af lister

For at oprette ordnede (nummererede) eller uordnede (punkttegnede) lister kan vi bruge henholdsvis <ol>- og <ul>-tags. Inden i disse tags anvendes <li>-tagget for hvert listeelement.

Tilføjelse af formularer

For at oprette formularer til brugerinput kan vi anvende forskellige formularrelaterede tags såsom <form>, <input> og <button>.

Vi kan tilføje en bred vifte af indhold til websiden ved hjælp af disse HTML-tags, fra simpel tekst og billeder til interaktive formularer. Nedenfor kan du finde hjemmesiden med de relevante tags.

Videovejledning