Een website is in de regel opgebouwd in drie verschillende ‘talen’: HTML, CSS en JavaScript. Daarvan vormt de HTML-code het meest elementaire gedeelte. Zonder HTML kan een website niet bestaan. HTML is namelijk de code waarmee de structuur van een website wordt bepaald. Het maakt het mogelijk om teksten, afbeeldingen en links op een website te plaatsen. Het vormgeven en ‘mooi maken’ van deze content gebeurt vervolgens met CSS en (eventueel) JavaScript.
Hoe ziet HTML eruit?
HTML is een programmeertaal met een eigen soort grammatica. Hoe dit eruitziet kun je eenvoudig zelf bekijken door op een willekeurige webpagina de broncode weer te geven. Dit doe je door met je rechtermuisknop te klikken in een leeg vlak en vervolgens te klikken op Paginabron weergeven. Je kunt ook de sneltoets Ctrl+U gebruiken. Je ziet dan een soort kladblok vol met tekst, omgeven door dubbele punten, pijltjes en andere tekens. We zullen hier verder niet al te diep op ingaan, maar het is wel de moeite waard om met een paar voorbeelden aan te geven wat HTML doet.
Kijk bijvoorbeeld eens naar het tussenkopje boven de alinea hierboven: Hoe ziet HTML eruit? Je herkent dit meteen als tussenkopje. Dat is te danken aan de HTML-code die erachter zit. Zou je in de broncode kijken, dan zie je namelijk het volgende:
<h2>Hoe ziet HTML eruit?</h2>
Vervolgens komen er twee alinea’s, die duidelijk van elkaar zijn gescheiden door middel van een witregel. Ook hier komt HTML aan te pas. Een alinea wordt namelijk ingeklemd door het volgende stukje HTML: <p>Alinea</p>. Hiermee wordt automatisch een witregel overgeslagen alvorens de volgende alinea begint, wederom voorafgegaan door <p>, als afkorting voor paragraph. Je zou ook een ‘harde enter’ kunnen invoegen met HTML, waardoor je eenvoudigweg op de volgende regel verder schrijft. Daarvoor gebruik je het HTML-element <br>, dat staat voor break.
Dit zijn natuurlijk slechts enkele voorbeelden van HTML in relatie tot webteksten. Verder voeg je met behulp van het HTML-element <img></img> een afbeelding toe en gebruik je <a href=”https://www.voorbeeld.nl”> voorbeeld</a> om een link toe te voegen naar de website www.voorbeeld.nl, met als ankertekst het woord “voorbeeld”.
Zelf aan de slag met HTML?
Wat je hierboven hebt gezien is slechts de absolute basis van HTML, er is nog veel meer mogelijk. Hierover zijn online complete handleidingen te vinden. Maar mocht dit je pet te boven gaan, dan bestaat er gelukkig nog het CMS, waarin je zonder kennis van HTML uitstekend zelf een website kunt bouwen en onderhouden.
Neem contact op
