Hvad er HTML og CSS? - Kursusfabrikken.dk

Hvad er HTML og CSS?

Ved første øjekast kan HTML og CSS virke som volapyk for de fleste. Men ligesom med sprog er der en mening med strukturen.

I dette indlæg svarer vi på spørgsmålet: Hvad er HTML og CSS?

Få den korte version og få styr på begreberne her på siden.

Hvad er HTML?

HTML er en forkortelse for Hyper Text Markup Language. Skåret helt ind til benet er det den grundlæggende struktur og konstruktion af en hjemmeside.

HTML er bygget op af to typer ‘tags’:

  1. Et ‘åbningstag’ som består af <"tagnavn" >
    Imellem disse skal du skrive det tagnavn, du gerne vil konstruere.
  2. Et ‘lukketag’, som indikeres ved at sætte et “/” foran dit tagnavn.

Det kan for eksempel være, at du skal kode en hovedoverskrift, også kaldet h1. En hovedoverskrift skrives med HTML kode sådan:

Der findes selvfølgelig et hav af forskellige tags, som du stille og roligt tillærer dig, når du kommer i gang med din HTML kodning.
Hvis du er i tvivl om, hvilket HTML tag du skal bruge, er siden w3schools.com et uundværligt opslagsværk.

Ud over overskrifts-tag er nogle af de mest anvendte:

Hvad er CSS?

CSS står for Cascading Style Sheets.

Hvor HTML er den grundlæggende konstruktion og struktur af din hjemmeside, er CSS det, som gør det muligt at ‘style’ hjemmesidens udtryk, altså ændre farve, tekststørrelse, afstande osv. HTML kode uden CSS ville altså se rimelig kedeligt ud.

CSS koder er bygget op sådan, at du udvælger det stykke HTML, du vil style, og herefter bruger de såkaldte ”Tuborg-klammer”, som ser sådan her ud {}.

Inden for ”klammerne” vælger du så, om det eksempelvis er farven, teksttypen eller placeringen, du vil ændre. Et stykke CSS kode, hvor du ændrer farven på en h1-overskrift til rød, ser f,eks. sådan her ud:

h1 { color: red;}

Der findes, ligesom med HTML tags, massevis af muligheder for at style med CSS.

Hvis du arbejder med webdesign og hjemmesider, er det en rigtig god idé at have en forståelse for både HTML og CSS. Det er nemlig svært at undvære, selvom du laver din hjemmeside gennem et brugervenligt CMS som f.eks. WordPress.

Vil du modtage vores nyeste indlæg og guides direkte i din indbakke?