HyperText Markup Language er det websteds sproget. Den første version af dette sprog blev offentliggjort i 1992. Siden da har HTML gennemgået talrige ændringer og er nu nået til version 5. (Selvom version 5 endnu ikke er officielt vedtaget som standard, understøttes den allerede ret godt i aktuelle browsere).
HTML er et såkaldt markup-sprog, som bruges til at strukturere indhold. Stylesheets er ansvarlige for formateringen af indholdet. Mere om dem efterfølgende.
Det World Wide Web Consortium (kort W3C) er ansvarlig for udviklingen af HTML.
Det er en god idé at holde øje med W3C's hjemmeside regelmæssigt for at holde sig ajour med de seneste udviklinger inden for webområdet.
Når man arbejder med HTML, er et spørgsmål afgørende: Hvilken version skal jeg bruge? Det er klart, at et sprog som HTML løbende opdateres. Nye elementer tilføjes, gamle fjernes.
Her er de vigtigste sprogversioner eller milepæle for HTML:
• HTML (november 1992): Det var den første version. Fokus lå udelukkende på tekstdokumenter.
• HTML 2.0 (november 1995): Der er nu også elementer til billeder og formularer.
• HTML 4.0 (december 1997): Stylesheets, rammer og scripts introduceres.
• XHTML 1.0 (januar 2000): Dette er en nyformulering af HTML 4.0 ved hjælp af XML.
• HTML5 (april 2009): Dette er stadig et arbejdsudkast, og derfor ikke en vedtaget standard endnu.
Fokus for de kommende tutorials vil være på HTML5. Med HTML5 forventes der endelig at komme skred i HTML-verdenen. Den nye specifikation har faktisk mange spændende nyheder at byde på. Dette inkluderer for eksempel langt mere brugervenlige formularer, fremskridtsskilte, tegneelementer og en forbedret dokumentstruktur. Derudover kan videoer med den nye standard indlejres på websider uden behov for plug-ins, og der er en træk-og-slip-grænseflade.
Forslaget til HTML5 blev allerede i 2004 offentliggjort af Web Hypertext Application Technology Working Group (WHATWG) under navnet Web Applications 1.0.
HTML5 er endnu ikke blevet offentliggjort som en officiel standard, men browserproducenterne har allerede implementeret adskillige HTML5-funktioner i deres produkter. Dette er ikke overraskende, da WHATWG er en alliance af browserproducenter som Apple, Mozilla og Opera. Opstarten af WHATWG skete som en direkte reaktion på det langsommelige arbejde med webstandarder fra World Wide Web Consortium (W3C).
Man kan spørge sig selv, hvad der fik browserproducenterne til at udvikle en egen HTML-standard. Indtil videre har udviklingen af HTML primært ligget hos W3C. Problemerne startede for browserproducenterne, da W3C konverterede HTML 4.01 til XHTML 1 uden betydelige ændringer. Oprindelig ønskede W3C at etablere XHTML 1 som et første skridt mod et web baseret på XML. På lang sigt skulle det føre til XHTML 2. Det var netop denne koncentration om XML fra W3C's side, som irriterede browserproducenterne. Fra deres synspunkt er XML-tilgangen upraktisk og afspejler ikke brugernes faktiske ønsker (selvom W3C har en anden opfattelse).
Siden 2007 har W3C og WHATWG samarbejdet om og udarbejdet en HTML5-specifikation. Du kan finde de seneste udviklinger om HTML5 på http://www.w3.org/TR/html5/.
Fokus for kommende tutorials vil være på HTML5.
CSS til formatering
I har sandsynligvis allerede arbejdet med dokumentskabeloner i Word eller andre tekstbehandlingsprogrammer. Når I for eksempel vælger en linje, kan I vælge en formatkode.
Afhængigt af formateringen i dokumentskabelonen for denne formatkode vises overskriften. Når I skifter dokumentskabelonen, ændres også udseendet af overskriften.
Hvad har Word så med HTML at gøre? Også for HTML-dokumenter er der formatkoder. Disse koder kan defineres ved hjælp af CSS (Cascading Stylesheets). Takket være CSS kan man for eksempel fastsætte, at hovedoverskrifter (h1) skal være 22 pixels store og vises i grøn Arial-skrift.
Stylesheets muliggør en streng adskillelse af struktur og layout. HTML bruges til at strukturere dokumenterne, mens man med CSS bestemmer, hvordan elementerne til sidst skal se ud.
Hvad I har brug for
I de kommende tutorials vil I gradvist lære HTML og CSS at kende. For at kunne implementere websider baseret på HTML og CSS behøver I faktisk ikke avanceret software. I kan i det enkleste tilfælde anvende standardeditoren, hvis I arbejder på en Windows-enhed.
Det er måske ikke særlig behageligt, men det er tilstrækkeligt til at starte med. Hvis du foretrækker noget mere behageligt, bør du dog kigge efter en "rigtig" HTML-editor. En af de klassiske er selvfølgelig Dreamweaver.
Denne editor er dog ikke gratis.
Derimod er phase5 gratis for private brugere (http://www.phase5.info/). Hvis du derfor ønsker at bruge editoren til private formål, får du her et godt og gratis værktøj.
Udover en editor bør du også have de vigtigste browsere installeret til test af hjemmesiden. Faktisk fortolker browsere HTML og CSS en smule forskelligt fra tid til anden. Med denne baggrund er en omfattende test af siderne i forskellige browsere nødvendig. Du skal mindst have Internet Explorer, Google Chrome og Mozilla Firefox installeret. Ideelt set bør du også teste siden i Opera-browseren og på tablet/smartphone.