Introduktion til HTML
Indhold på denne side
Hvad er HTML?
HTML står for HyperText Markup Language og bliver benyttet til at skabe hjemmesidens struktur og indhold. Derfor er HTML fundamentalt for alt indhold på internettet. Det betyder at tekst, billeder, videoer, tabeller, links, formularer og meget mere bliver tilføjet til hjemmesider ved hjælp af HTML. Derfor kan man betragte dette programmeringssprog som hjemmesidens skelet. Sproget er meget nemt at lære sammenlignet med andre programmeringssprog og derfor er det et godt sprog at lære som det første – især hvis man er interesseret i at kunne skabe hjemmesider.
HTML blev opfundet af Tim Berners-Lee i 1990, som på daværende tidspunkt arbejdede som kontrahent i CERN. Tim Berners-Lee havde året forinden opfundet World Wide Web (WWW) og HTML skulle derfor fungere som et sprog til at fremvise multimedie-hjemmesider på World Wide Web. Siden da, er sproget blevet opdateret med nye versioner. HTML 2 blev udgivet i 1995, HTML 3 blev udgivet i 1997, HTML 4 blev også udgivet i 1997, HTML 5, som på nuværende tidspunkt er den nyeste version, blev udgivet i 2014.
Følgende programmer kan anbefales til at skrive HTML i: Notepad++, Coffecup HTML Editor, RJ TextEd og Atom. Disse programmer kaldes IDE’er som står for Integrated Development Environment (på dansk: integrerede udviklingsmiljøer) og det er de programmer man hovedsageligt benytter til at programmere i.
HTML i sammenspil med CSS og JavaScript
HTML alene kan kun skabe indhold på hjemmesider. Hvis man rent faktisk skal skabe visuelt interessante hjemmesider, er det nødvendigt at benytte CSS (Cascade Style Sheets) som et assisterende sprog til HTML. Med CSS kan man designe hjemmesidens udseende ved at ændre på farver, tekststørrelser, skrifttyper og meget mere.
Sammenspillet mellem de to programmeringssprog kan sammenlignes med bygningen af et hus. For at bygge et hus skal man først skabe et fundament, samt lave gulve, vægge og et tag. Når det er gjort har man skabt husets struktur. Det er dét som HTML gør med hjemmesider. Men hvis huset bare står tomt, så er det ikke særligt interessant. Derfor skal man selvfølgelig indrette det med møbler, man skal male tapeter på væggene, lægge gulvtæpper og hænge lamper op. Når det er gjort, så har man dekoreret huset så det er mere spændende at kigge på. Det er dét som CSS gør med hjemmesider.
Hvis man skal gøre sin hjemmeside endnu mere interessant kan man implementere et helt tredje programmeringssprog: JavaScript. JavaScript kan skabe dynamisk indhold på hjemmesider, uden at hjemmesiden behøver at blive genindlæst eller ført over på en ny side. Det kunne f.eks. være at man gjorde at brugeren blev i stand til at ændre farverne på hjemmesiden ved et klik på en knap.
Strukturen for HTML
HTML er sammensat af elementer som skabes ved hjælp af åbningstags og lukningstags. For at tilføje en normal tekst til sin hjemmeside skal man benytte følgende åbningstag: <p>, og på lukningstagget er der tilføjet en skråstreg: </p>. En skråstreg er gældende for alle slags lukningstags i HTML. Indholdet som står imellem åbnings- og lukningstagget er defineret som et HTML-element. HTML-elementer er alle de synlige genstande på hjemmesiden. Hvis man f.eks. skulle skrive en tekst på hjemmesiden, så ville man skrive teksten mellem åbnings- og lukningstagget, ligesom her:
<p>Dette er teksten som bliver vist på hjemmesiden.</p>
En HTML-fil har filformatet “.html”. I en HTML-fil skal ethvert tag som indeholder et synligt element på hjemmesiden stå imellem åbnings- og luknings-tagget: <body>. Derudover skal HTML-filen også følge en bestemt struktur. Prøv at tage et kig på nedenstående kodestykke:
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
<title>Dette er dokumentets titel!</title>
</head>
<body> <h1>Dette er en overskrift!</h1> <p>Dette er en paragraf!</p> </body>
</html>