Wat is HTML

HTML, of HyperText Markup Language, is een ‘opmaaktaal’: een vaste set 'codes' waarmee je op een website de indeling in alinea’s, en van kopjes, tekst en tabellen kunt aangeven. Over het algemeen bevat een website verschillende HTML-pagina’s, iedere landingspagina heeft namelijk aparte HTML-bestanden. Ook kun je met HTML-codes afbeeldingen en multimedia op je website opnemen. In de loop der jaren is de HTML-taal steeds verder uitgebreid, waardoor er verschillende versies bestaan. De nieuwste is HTML5. Je kunt met HTML alleen geen dynamische functies creëren in je website, daar heb je weer JavaScript voor nodig.

 

Voorbeeld HTML

HTML voorbeeld

Hier zie je een voorbeeld van hoe HTML werkt. Links zie je de code en rechts hoe dat er op een website uitziet. Er zijn een aantal simpele dingen ingevoerd. Allereerst is het belangrijk te weten dat een HTML code bestaat uit elementen, dat zijn de woorden die je tussen < > ziet staan in het linkerblok. Een element begint altijd met < > en eindigt met </>. Stel je wilt dus een woord dikgedrukt maken, dan doe je dat door het woord tussen <strong> </strong> te zetten. Zo heeft elk element zijn eigen functie. Een HTML document begint altijd met <!DOCTYPE html> en <html>. Klinkt lastig? Probeer deze pagina maar eens te inspecteren door op je rechtermuisknop te drukken en dan te klikken op ‘(Element) Inspecteren’. Hier zie je hoe de pagina is opgebouwd. Je kunt hier dingen uitklappen, verwijderen of veranderen, zodat je spelenderwijs bekend raakt met HTML.

 

Wat is CSS

Met CSS, of Cascading Style Sheets, kun je snel en makkelijk het uiterlijk van je website bepalen. Je past bijvoorbeeld de kleur en grootte van koppen en links aan, of de hele achtergrondkleur van een pagina. Dat kan doordat CSS de opmaak van je site loskoppelt van de inhoud. Je kunt het toepassen op nieuwe en bestaande websites. Ook van CSS bestaan inmiddels verschillende versies. De nieuwste is CSS3.

 

Voorbeeld CSS

CSS voorbeeld

In dit voorbeeld staat de CSS binnen de <head> tag. De CSS elementen herken je hier aan de aanwezigheid van de <style> tag: deze geeft aan dat de content daarbinnen moet worden geïnterpreteerd als CSS. In CSS specificeer je eerst het element, en vervolgens de gewenste kenmerken tussen brackets { }. Zo kun je bijvoorbeeld door ‘h1 { color: white; text-align: center }’ in te voeren, aangeven dat je wil dat de browser alle elementen van het type h1 in een witte kleur laat zien en deze centreert binnen de container. In bovenstaand voorbeeld, hebben we ook de achtergrond een kleur gegeven door middel van: { background-color: lightblue; }.

 

Zelf websites maken met HTML en meer uitleg over CSS

Wil jij HTML en CSS beheersen en zelf aan de slag met het structureren en opmaken van content op je website? Dan leren we je graag de basis!

 

Wat is JavaScript

JavaScript is een scripttaal waarmee je websites interactief maakt. Met JavaScript zorg je ervoor dat je bezoeker iets kan doen: een menu uitklappen, items verslepen of een vraag stellen bijvoorbeeld. Omdat de meeste websites tegenwoordig interactief zijn, is JavaScript een handige ‘taal’ om te kennen. Bovendien kun je er praktisch alles mee maken; alleen voor hele complexe toepassingen, zoals uitgebreide games, is JavaScript minder geschikt. Het is de derde laag in de website, waarbij HTML en CSS in dit verhaal de eerste twee zijn.

 

Voorbeeld JavaScript

JavaScript voorbeeld

In HTML staat de JavaScript code tussen het <script> element. Een JavaScript functie is een blokje met JavaScript code die uitgevoerd kan worden wanneer er om gevraagd wordt, bijvoorbeeld als er op een knop wordt gedrukt. In het geval van het voorbeeld is er simpelweg een som gemaakt om aan te tonen dat JavaScript daadwerkelijk voor andere dingen gebruikt wordt dan bijvoorbeeld CSS en HTML.

 

Leren programmeren met JavaScript

Wil je kennismaken met de basis van JavaScript? In onze tweedaagse training leer je zelf scripts schrijven, volgens de meest actuele methode: unobtrusive scripting. 

 

HTML, CSS én JavaScript leren

Denk je over een carrière als Front End Developer, of wil je gewoon de basics van het vak kennen? Dan past de Front End Developer opleiding bij jou. In zes dagen leer je met de webdevelopment talen HTML5, CSS3 én JavaScript werken, zodat je met code je eigen werkende website kunt bouwen.


Op de hoogte blijven van nieuwe trainingen en events?

Schrijf je in voor de nieuwsbrief!

Bedankt!

Je bent nu ingeschreven op onze nieuwsbrief.

Daarom kies je Competence Factory

What you see is what you pay

What you see is
what you pay

Je betaalt gewoon de prijs die je op de website ziet. Nooit bijkomende kosten.

Transparant over locatie

Transparant over locatie

Trainingen zijn altijd in Utrecht, pal naast het Centraal Station.

Les in creatieve spaces

Les in creatieve spaces

Voel je thuis en leef je uit. Teken je ideeën gerust uit op de white walls.

Top 10-trainingen gaan altijd door

Top 10-trainingen gaan altijd door

Lekker snel starten, en je wordt nooit omgeboekt naar een andere dag.



Bedankt!

Je bent nu ingeschreven op onze nieuwsbrief.

    Wachtwoord vergeten?