Die Hypertext Markup Language is de huis- en hof-taal van het WWW. De eerste versie van deze taal werd uitgegeven in 1992. Sindsdien heeft HTML vele wijzigingen ondergaan en is inmiddels bij versie 5 aangekomen. (Waarbij versie 5 eigenlijk nog niet officieel als standaard is aangenomen, maar al vrij goed wordt ondersteund in moderne browsers). HTML is een zogenaamde opmaaktaal waarmee inhoud gestructureerd kan worden. Stylesheets zijn verantwoordelijk voor de opmaak van de inhoud. Meer daarover volgt later. Verantwoordelijk voor de ontwikkeling van HTML is het World Wide Web Consortium (kort W3C). Op de website van het W3C moeten jullie regelmatig een kijkje nemen om op de hoogte te blijven van de laatste ontwikkelingen op webgebied. Als je je bezighoudt met HTML, is een vraag essentieel: welke versie moet ik gebruiken? Jullie kunnen je natuurlijk voorstellen dat een taal als HTML voortdurend wordt bijgewerkt. Nieuwe elementen worden toegevoegd, oude worden verwijderd. Hier de belangrijkste versies of mijlpalen van HTML: • HTML (november 1992): Dit was de eerste versie. De focus lag hier uitsluitend op tekst documenten. • HTML 2.0 (november 1995): Er zijn nu ook elementen voor afbeeldingen en formulieren. • HTML 4.0 (december 1997): Stylesheets, frames en scripts worden geïntroduceerd. • XHTML 1.0 (januari 2000): Dit betreft een herformulering van HTML 4.0 met behulp van XML. • HTML5 (april 2009): Dit is nog steeds een conceptversie, dus nog geen formeel aangenomen standaard. De focus zal in de volgende tutorials op HTML5 liggen. Met HTML5 zou er eindelijk weer een nieuwe impuls komen in de wereld van HTML. En inderdaad heeft de nieuwe specificatie veel interessante vernieuwingen te bieden. Hieronder vallen bijvoorbeeld aanzienlijk gebruiksvriendelijkere formulieren, voortgangsbalken, grafische elementen en een verbeterde documentstructuur. Bovendien kunnen met de nieuwe standaard video's zonder plug-in in websites worden ingesloten en is er een slepen-en-neerzetten-interface. Het eerste voorstel voor HTML5 is al in 2004 gepubliceerd door de Web Hypertext Application Technology Working Group (WHATWG) onder de naam Web Applications 1.0. Tot op heden is HTML5 nog niet als officiële standaard gepubliceerd, maar browserfabrikanten hebben al tal van HTML5-functies in hun producten opgenomen. Dat is niet verwonderlijk, aangezien WHATWG onder andere een alliantie van browserfabrikanten Apple, Mozilla en Opera is. De oprichting van WHATWG gebeurde als directe reactie op de trage ontwikkeling van webstandaarden door het World Wide Web Consortium (W3C). Men kan zich afvragen wat de browserfabrikanten ertoe bracht een eigen HTML-standaard te ontwikkelen. Tot nu toe lag de ontwikkeling van HTML immers in handen van het W3C. Vanuit het oogpunt van de browserfabrikanten begonnen de problemen toen het W3C HTML 4.01 zonder belangrijke inhoudelijke correcties omzette in XHTML 1. Aanvankelijk wilde het W3C XHTML 1 als een eerste stap naar een op XML gebaseerd web vestigen. Uiteindelijk zou XHTML 2 moeten komen te staan. Het is juist deze focus van het W3C op XML die de browserfabrikanten stoorde. In hun ogen is de aanpak met XML onpraktisch en weerspiegelt het niet de werkelijke wensen van de gebruikers. (Wat het W3C uiteraard anders ziet). Sinds 2007 ontwikkelen het W3C en WHATWG gezamenlijk een HTML5-specificatie of werken daaraan. De actuele ontwikkelingen met betrekking tot HTML5 zijn te vinden op http://www.w3.org/TR/html5/. De focus zal in de komende tutorials juist op die HTML5 liggen. ### CSS voor de opmaak Jullie hebben vast al eens met sjablonen in Word of andere tekstverwerkingsprogramma's gewerkt. Als je bijvoorbeeld een regel markeert, kun je een opmaakprofiel kiezen. Afhankelijk van de opmaak in het sjabloon voor dit opmaakprofiel, wordt dan de kop weergegeven. Als je van sjabloon wisselt, verandert ook het uiterlijk van de kop. Wat heeft Word nu met HTML te maken? Ook voor HTML-documenten zijn er opmaakprofielen. Deze profielen kunnen worden gedefinieerd met CSS (Cascading Stylesheets). Dankzij CSS kan bijvoorbeeld worden bepaald dat hoofdtitels (h1) moeten worden weergegeven in een groene Arial-lettertype met een grootte van 22 pixels. Stylesheets maken een strikte scheiding van structuur en lay-out mogelijk. Voor de structurering van de documenten wordt HTML gebruikt. Hoe de elementen er uiteindelijk uitzien, wordt daarentegen bepaald met CSS. ### Wat jullie nodig hebben In de volgende tutorials zullen jullie stapsgewijs HTML en CSS leren. Om zelf websites op basis van HTML en CSS te maken, heb je overigens geen complexe software nodig. In het eenvoudigste geval gebruik je - als je met Windows werkt - de standaardeditor.
Het is misschien niet bijzonder comfortabel, maar voldoet voor het begin. Als je het wat comfortabeler wilt, kun je beter op zoek gaan naar een "echte" HTML-editor. Een van de klassiekers is natuurlijk Dreamweaver.
Deze editor is echter niet gratis.
Voor privégebruik is daarentegen phase5 gratis (https://www.phase5.info/). Als je de editor dus voor persoonlijke doeleinden wilt gebruiken, heb je hier een goed en gratis hulpmiddel tot je beschikking.
Naast een editor moet je ook de belangrijkste browsers geïnstalleerd hebben om de website te testen. De browsers interpreteren HTML en CSS namelijk af en toe nogal eigenaardig. Daarom is grondig testen van de pagina's in verschillende browsers verplicht. Je moet ten minste Internet Explorer, Google Chrome en Mozilla Firefox geïnstalleerd hebben. Idealiter test je de site ook in de Opera-browser en op de tablet/smartphone.
