HTML, forkortelse for HyperText Markup Language, er kode som skrives på en hjemmeside. HTML forklarer forskellige elementer af en hjemmeside, til browseren. Eks. hvornår noget ser tekst, link eller billede.
Når man opretter en simpel HTML-side, startet man med at skrive <!DOCTYPE html>. Denne kode fortæller browseren, at man bruger den seneste version af HTML. Derefter kommer et <html> tag, som indrammer hele hjemmesiden. HTML-kode skal sikre indholdet af en hjemmeside vises korrekt i bowser.
HTML består af mange forskellige elementer, også kendt som tags. De forskellige tags fortæller browseren, hvordan hvert stykke indhold på siden skal vises. HTML er grundlæggende for webudvikling og vigtig for SEO og din online synlighed.
I HTML kode anvendes eksempelvis <h1> til at lave en hovedoverskrift, <h2> en lidt mindre overskrift og <h6> danner den mindst overskrift i systemet. Fortsætter vi til indholdet, er <p> en tekstblok, og <a> kan lave et link.
Semantik og struktur i HTML
I HTML er en webside delt op i to dele. <head> og <body>. <head> indeholder information om siden, som titel og links til CSS-filer, hvorimod <body> indeholder selve indholdet, som brugerne ser og interagerer med.
Nedenfor ser du et eksempel på hvordan HTML opbygges.
<!DOCTYPE html>
<html>
<head>
<title>Side Titel</title>
</head>
<body>
<h1>Dette er en Overskrift</h1>
<p>Dette er en paragraf.</p>
</body>
</html>Ved at bruge semantiske tags og anvende en tydelig struktur, bliver hjemmesiden mere brugervenlig og lettere for søgemaskiner at indeksere.
HTML og CSS
HTML er fundamentet for at opbygge strukturen på en hjemmeside. Men uden CSS (Cascading Style Sheets) kommer man ikke langt. CSS bruges til at style og designe hjemmesidens struktur. Det giver en side liv, med bl.a. størrelser og farve. Og hvis din hjemmeside skal være mobil venlig, er det særligt nødvendigt.
Men hvorfor er det så svært at kode en hjemmeside i HTML, tænker du måske?
Fremtiden er CMS
Selvom det er nyttigt at forstå strukturen bag HTML og CSS, er moderne Content Management Systems (CMS) som WordPress ved at blive fremtiden for webudvikling. CMS-systemer gør det nemt at oprette, vedligeholde og administrere hjemmesider. Særligt, fordi de undlader svære koder og gør det langt mere effektivt at udvikle en hjemmeside.
Vi tilbyder et spændende WordPress kursus, som tager dig igennem udviklingen af en hjemmeside. WordPress er det mest populære hjemmeside-system på verdensplan. WordPress er brugervenligt og har et væld af muligheder og designskabeloner. Hvis du vil have noget helt udnikt, er det også muligt i WordPress.
For de, som har tid og tålmodighed til at lære HTML og CSS, kan det være en givende oplevelse. Men vi afholder ikke længere hold kurser i HTML og CSS, da arbejdsgivere ikke ønsker at betale for den ineffektive fremgangsmåde det er, at opbygge en hjemmeside med ren HTML og CSS.
Der er dog en undtagelse til reglen. Udviklere, altså dem som nærmest bor i en kælder og ikke kan tæle lys, kan med fordel dykke ned i HTML og CSS. De kan nemlig bruge denne viden, til at udvikle plugins til systemerne. Alle udviklere at et go-to hjemmeside for videon on HTML og CSS, nemlig W3Schools. Så hvis du er nysgerrig kan du følge i deres fodspor. Men til den almene bruger, som blot ønsker at få opsat og vedligeholde en hjemmeside, kan der spares mange ressourcer ved at anvende WordPress i stedet.
De klassiske spørgsmål til HTML og CSS
HTML står for HyperText Markup Language. Det er en standardiseret markeringssprog, der bruges til at opbygge og strukturere websider ved hjælp af tags og elemente
CSS står for Cascading Style Sheets. Det er et stilarkssprog, der bruges til at styre layoutet, udseendet og designet af websider. CSS giver mulighed for at ændre farver, skrifttyper, placering af elementer og meget mere.
HTML står for HyperText Markup Language. Det er en standardiseret markeringssprog, der bruges til at opbygge og strukturere websider ved hjælp af tags og elementer. HTML giver mulighed for at definere, hvordan indholdet på en webside skal præsenteres, og det bruges til at skabe struktur og formatering for tekst og medier på internettet. HTML beskriver ikke programmeringslogik som kode, men snarere den visuelle og strukturelle organisation af indholdet på en webside.
I HTML kan du oprette linjeskift ved at bruge “<br>”-tagget. Dette tag indsætter en enkelt linjeafstand mellem tekstelementer. For at opnå flere linjeskift kan du gentage tagget efter behov. Dette er nyttigt, når du ønsker at organisere indholdet på din webside for bedre læsbarhed eller struktur.
En skillelinje i HTML kan oprettes ved brug af “<hr>”-tagget. Dette tag indsætter en vandret streg på din webside for at adskille indhold eller skabe en visuel opdeling. Du kan tilpasse udseendet af skillelinjen ved hjælp af CSS-stilarter som farve, tykkelse og stil. Skillelinjer er nyttige, når du ønsker at markere en overgang mellem sektioner eller skabe visuel balance på din webside.