HTML

Samenvatting Artikel

HTML is een afkorting die staat voor Hyper Text Markup Language. HTML een programmeertaal of codetaal die mede wordt gebruikt voor het opmaken van websites. Hierbij is HTML verantwoordelijk voor het inhoudelijke gedeelte en de structuur van een webpagina. Zo kun je met HTML zaken als titels, paragraafkoppen, scripts en teksten aan een pagina toevoegen. Voor het verdere design wordt doorgaans de programmeertaal CSS gebruikt. Met CSS bepaal je onder meer welke lettertype en -grootte wordt gebruikt, wat waar op de pagina komt en hoe groot afbeeldingen worden weergegeven.

Hoe HTML functioneert, wat de belangrijkste codes zijn en wat handige hulpprogramma’s zijn? Dat lees je allemaal in de volgende alinea. Daarna bespreken we op welke manieren je HTML zou kunnen leren.

De werking van HTML

Om een browser opdracht te geven HTML-codes in te lezen, is het zaak een HTML-bestand te hebben klaarstaan. Zo’n bestand bestaat vervolgens uit diverse elementen. Elk element heeft bepaalde tags, oftewel codes die tussen de rekentekens < en > staan. De toe te voegen tags vertellen welk deel van de pagina (bijvoorbeeld de titel, een paragraafkop of een tekst) wordt behandeld. Tussen de tags voeg je dan de tekst toe die daadwerkelijk moet worden getoond. In het HTML-bestand kan dit er bijvoorbeeld als volgt uit zien:

<P>Dit is een voorbeeldtekst</P>

De <P> en de </P> geven hierboven aan dat het gaat om een paragraaftekst. De afsluitende tag begint altijd met een ‘/’.

Het creëren van een HTML-bestand kun je het best doen via een speciaal daarvoor ontwikkeld programma. Zo’n programma biedt immers de beste functionaliteiten waarmee je codes snel en makkelijk kunt schrijven. Voorbeelden van goede programma’s die je gratis kunt gebruiken zijn Atom en Brackets. Bij deze beide programma’s kun je diverse extra plug-ins downloaden. Een uitstekend programma waar je wel voor moet betalen is verder Sublime Text.

HTML broncode openen

Als je erachter wilt komen hoe een HTML-bestand uiteindelijk als broncode voor een website fungeert, dan kun je dat op zeer eenvoudige wijze doen. Bij de meeste browsers kun je namelijk van bijna elke website de broncode bekijken, om deze vervolgens te analyseren, zodat je nog beter leert te begrijpen hoe HTML functioneert. Hiervoor klik je met de rechtermuisknop op de pagina in kwestie. Het maakt niet uit waar je klikt. Kies nu voor ‘Paginabron weergeven’. De broncode opent dan onmiddellijk.

Hoe moeilijk is het om HTML te leren?

Wil je zelf het werken met HTML onder de knie krijgen? Dan kun je daarvoor bijvoorbeeld terecht bij speciaal hiervoor ontwikkelde websites zoals Treehouse en Codecademy en ook W3 Schools biedt veel uitleg. Je kunt via Youtube ook vele video’s vinden waarin stap voor stap wordt uitgelegd hoe HTML werkt. Uiteraard zijn er ook boeken en (korte) cursussen beschikbaar.

Deze laagdrempeligheid van leren en grote beschikbaarheid van lesmaterialen suggereert dat HTML relatief makkelijk te leren is. Zeker als je al enige ervaring hebt met het werken met codes of tags en/of wanneer je reeds een sterk inzicht hebt van hoe websites in elkaar steken, moet het mogelijk zijn om HTML in enkele (volledige) werkweken vrij goed te leren.

Bekijk hier al onze marketing termen of een van onze blog artikelen over online marketing.

Lees al onze blog artikelen of bekijk hier al onze marketing termen of website termen om meer basiskennis te verkrijgen over online marketing.

Blog

5 design trends in 2022

Design is een belangrijk aspect van elke website of webshop. Lees hier 5 tips voor webdesign trends in 2022 zodat je weer op de hoogte bent.

10 tips voor een goede check-out pagina

Als je een webshop hebt, wil je natuurlijk dat de check out-pagina perfect werkt. Lees hier 10 tips om dit voor elkaar te krijgen.

De leukste 404-pagina’s

Van een 404-pagina is sprake wanneer op een webpagina de gewenste content niet kan worden weergegeven. Wat zijn leuke ideeën voor een 404-pagina?

Andere website termen

Wil je sparren met Hans over je online marketing uitdagingen of kansen bespreken voor een nieuwe maatwerk website?

Hans Boersma - Digital Wizards boksen