De basis van een HTML pagina en HTML codes |
|
De werking van HTML
Met HTML bepaal je eigenlijk alleen maar waar een foto en waar tekst moet komen te staan. De codes die de taal vormen zijn allemaal afkortingen afgeleid vanuit het Engels. HTML zelf voorziet alleen in zeer eenvoudige gebruiksinteractie: het aanklikken van verwijzingen, invullen van tekstvelden en het klikken van afbeeldingen. Een min of meer gestandaardiseerde vorm om andere soorten interactie te ondersteunen is het inbedden van scripts geschreven in de taal JavaScript De geschiedenis van HTML en WWWHTML is uitgevonden door Sir Tim Berners-Lee (Londen, 8 juni 1955). In 1980 was hij werkzaam bij CERN, een natuurkunde-instituut in Genève, Zwitserland. Hij heeft samen met zijn toenmalig manager, de Belg Robert Cailliau het World Wide Web (WWW) en HTML bedacht. HTML en internet zijn oorspronkelijk ontworpen voor en gebruikt door militairen als communicatiemiddelen. Daarna zijn universiteiten het gaan gebruiken. Als directeur van het World Wide Web Consortium houdt Tim Berners-Lee toezicht op de ontwikkeling van webtalen en -protocollen als HTML, XML, CSS en HTTP. Ook schreef hij de eerste webbrowser en de eerste webserver. In 1999 publiceerde hij Weaving the Web, een boek over het ontstaan van het web. Het werd in het Nederlands vertaald als De wereld van het World Wide Web Berners-Lee streeft naar het semantisch web, dat wil zeggen, een WWW waarin informatie inhoudelijk benoemd en ingedeeld is op een voor computers verwerkbare manier. Hoewel er in de academische wereld veel aandacht voor is, is het nog onduidelijk of het semantisch web eenzelfde succes zal worden als het WWW. Er zijn verschillende versies van HTML. Met idere versie wordt de taal verbeterd en worden er nieuwe functies toegevoegd. De basisstructuur van een HTML bestandOm een standaard html bestand te maken is in principe het enige wat je nodig hebt een tekst editor zoalsbijvoorbeeld kladblok (notepad) van Windows. Je kunt echter beter een HTML editor gebruiken. Dit werkt namelijk makkelijker en dus sneller. De HTML codering wordt bijvoorbeeld voorzien van kleuren, wat erg handig is. Head en bodyEen HTML-document bestaat uit twee delen: de head en de body. De head bevat informatie met betrekking tot het document. De head kan bijvoorbeeld informatie bevatten met instructies aan de browser of over hoe het document verwerkt of weergegeven moet worden. De body bevat de werkelijke inhoud van het document: de tags die de layout bepalen. Dit vormt dus de website die zichtbaar wordt in de browser. Tags en elementenEen tag is een HTML code die tussen twee haken < en > staat. Bijvoorbeeld: <html> en </html>. <html> is hierbij een begintag en </html> een eindtag. Een eindtag is hetzelfde als de begintag, maar dan met een / ervoor. De code die tussen de begin- en eindtag staan wordt een element genoemd. HTML tags mogen zowel in hoofdletters als in kleine letters geschreven worden. Als je veel websites bouwt is het tijdbesparend om ze allemaal in kleine letters te schrijven. Zorg er in ieder geval dat je in je hele code consequent bent. De meeste elementen hebben zowel een begintag als een eindtag. Er zijn echter een paar elementen die geen inhoud hebben. Daarom hebben ze wel een begintag, maar geen eindtag. Een voorbeeld hiervan is het <hr> element, waarmee je een horizontale lijn kunt aangeven. Dit soort elementen zonder eindtag noem je een “leeg element”. Attributen en waardenEen element heeft verschillende attributen. Zo heeft het element <body> bijvoorbeeld onder andere de attributen background en backgroundcolor. De attributen hebben op hun beurt weer verschillende waarden. Als je geen bepaalde waarde opgeeft, dan wordt de standaardwaarde voor het betreffende attribuut gebruikt.In veel gevallen is het verplicht om een waarde voor het attribuut op te geven. Bijvoorbeeld in het volgende voorbeeld geef je aan dat de paragraaf <p> moet worden uitgelijnd. Je moet dan wel altijd verplicht aangeven waar moet worden uitgelijnd –in dit geval aan de linkerkant- anders wordt de HTMLcode niet begrepen en krijg je een error. <p align=”left”>Deze paragraaf wordt links uitgelijnd.</p> Ook aan lege elementen kunnen attributen worden toegevoegd. De waarde van een attribuut moet tussen tussen dubbele of enkele aanhalingstekens worden geplaatst. Als de waarde alleen bestaat uit letters, cijfers, verbindingsstreepjes en punten, dan zijn aanhalingstekens niet strikt noodzakelijk. Vanwege de uniformiteit kun je echter beter in die gevallen ook aanhalingstekens gebruiken. De belangrijkste HTML tags en attributen<html> <head> <title> <body> Background: hiermee kun je een plaatje gebruiken als achtergrond van je pagina. Een voorbeeld van een bodytag met atributen en waarden. Hiermee krijg je een pagina met groene achtergrond, witte tekst, blauwe links, paarse actieve links en rode bezochte links: |
HTML is de afkorting van HyperText Markup Language. HTML is geen programmeertaal, maar een opmaaktaal: HTML vertelt je browser door middel van HTML tags hoe de pagina moet worden weergegeven op het scherm. Hypertext is de techniek waarmee een link wordt gelegd naar bijvoorbeeld een ander document, een afbeelding of een geluidsopname. Markup is het gebruik van HTML codes om de browser te vertellen hoe de inhoud van het document moet worden weergegeven en naar welke bestemming de hyperlinks moeten leiden. 
Plaats reactie
