Web Technologies
HTML & CSS
______________________________________________________________
HOOFDSTUK 1
HTML
Om de structuur van een webpagina te beschrijven, voeg je een code aan de woorden toe waarvan je
wil dat ze op de pagina verschijnen. HTML elementen zijn te herkennen aan de punthaken. Meestal
zijn ze opgebouwd uit twee tags: een opening tag en een sluit tag. De sluit tag heeft een extra schuin
streepje.
Elk HTML element vertelt de browser iets over de informatie die tussen de open en sluit tags staat.
HTML staat voor HyperText Markup Language. Hypertext refereert naar het feit dat HTML ervoor zorgt
dat je een link kan maken waarmee bezoekers makkelijk van de ene naar de andere pagina kunnen
browsen.
Als je met Content Managing System (CMS) werkt zie je bijna niks van de HTML elementen. Hierbij
gebruik je een template. Dit is handig voor mensen die niet weten hoe ze een web pagina moeten
veranderen. Vooral bij e-commerce is het handig, omdat je anders de pagina bij elk product moet
veranderen.
Body, head en title element
Het body element is de titel die op de pagina komt te staan. Vaak zie je eerst nog een head element.
Hierin vind je weer een title element. De title komt in het tabblad te staan wanneer je meerdere
pagina’s open hebt staan.
o HTML pagina’s zijn tekst documenten
o HTML gebruikt tags. Dit zijn karakters die binnenin haakjes zitten. Deze vertellen iets over de
informatie die ertussenin staat.
o Tags worden ook wel elementen genoemd.
o Tags komen meestal in paren. De openingstag laat het begin van content zien, de sluit tag laat
het einde zien.
o Opening tags hebben eigenschappen die meer vertellen over de content van het element.
o Deze eigenschappen/kenmerken hebben een naam en een waarde.
o Om HTML te leren, moet je weten wat tags zijn en waarom je ze moet gebruiken.
HOOFDSTUK 2
Wanneer je een web pagina maakt, voeg je tags (markups) toe aan de inhoud van je pagina. Deze
geven structuur aan de pagina.
Headings
HTML heeft zes levels van headings:
<h1> wordt gebruikt voor main headings/hoofdrubrieken
<h2> wordt gebruikt voor subheadings/onderverdelingen
Als er nog verdere secties onder de onderverdelingen worden gemaakt, gebruik je <h3> en zo verder.
Browsers geven de headings weer in verschillende maten. <h1> is het grootst en <h6> is het kleinst.
Paragraaf maken
Om een paragraaf te maken, moet je de woorden omringen met de opening tag <p> en de sluit tag
</p>. Een standaard browser weergeeft dit als een witte lijn tussen de tekst.
Letters dikgedrukt/cursief maken
Door het gebruik van <b> en </b> kan je letters dikgedrukt maken. Hiermee kan je bijvoorbeeld
trefwoorden in de tekst aangeven. Hetzelfde geldt voor <i> en </i>, alleen maak je hiermee de tekst
cursief. Dit kan je gebruiken bij technische termen, namen van schepen, buitenlandse woorden,
gedachten of andere termen.
HTML & CSS
______________________________________________________________
HOOFDSTUK 1
HTML
Om de structuur van een webpagina te beschrijven, voeg je een code aan de woorden toe waarvan je
wil dat ze op de pagina verschijnen. HTML elementen zijn te herkennen aan de punthaken. Meestal
zijn ze opgebouwd uit twee tags: een opening tag en een sluit tag. De sluit tag heeft een extra schuin
streepje.
Elk HTML element vertelt de browser iets over de informatie die tussen de open en sluit tags staat.
HTML staat voor HyperText Markup Language. Hypertext refereert naar het feit dat HTML ervoor zorgt
dat je een link kan maken waarmee bezoekers makkelijk van de ene naar de andere pagina kunnen
browsen.
Als je met Content Managing System (CMS) werkt zie je bijna niks van de HTML elementen. Hierbij
gebruik je een template. Dit is handig voor mensen die niet weten hoe ze een web pagina moeten
veranderen. Vooral bij e-commerce is het handig, omdat je anders de pagina bij elk product moet
veranderen.
Body, head en title element
Het body element is de titel die op de pagina komt te staan. Vaak zie je eerst nog een head element.
Hierin vind je weer een title element. De title komt in het tabblad te staan wanneer je meerdere
pagina’s open hebt staan.
o HTML pagina’s zijn tekst documenten
o HTML gebruikt tags. Dit zijn karakters die binnenin haakjes zitten. Deze vertellen iets over de
informatie die ertussenin staat.
o Tags worden ook wel elementen genoemd.
o Tags komen meestal in paren. De openingstag laat het begin van content zien, de sluit tag laat
het einde zien.
o Opening tags hebben eigenschappen die meer vertellen over de content van het element.
o Deze eigenschappen/kenmerken hebben een naam en een waarde.
o Om HTML te leren, moet je weten wat tags zijn en waarom je ze moet gebruiken.
HOOFDSTUK 2
Wanneer je een web pagina maakt, voeg je tags (markups) toe aan de inhoud van je pagina. Deze
geven structuur aan de pagina.
Headings
HTML heeft zes levels van headings:
<h1> wordt gebruikt voor main headings/hoofdrubrieken
<h2> wordt gebruikt voor subheadings/onderverdelingen
Als er nog verdere secties onder de onderverdelingen worden gemaakt, gebruik je <h3> en zo verder.
Browsers geven de headings weer in verschillende maten. <h1> is het grootst en <h6> is het kleinst.
Paragraaf maken
Om een paragraaf te maken, moet je de woorden omringen met de opening tag <p> en de sluit tag
</p>. Een standaard browser weergeeft dit als een witte lijn tussen de tekst.
Letters dikgedrukt/cursief maken
Door het gebruik van <b> en </b> kan je letters dikgedrukt maken. Hiermee kan je bijvoorbeeld
trefwoorden in de tekst aangeven. Hetzelfde geldt voor <i> en </i>, alleen maak je hiermee de tekst
cursief. Dit kan je gebruiken bij technische termen, namen van schepen, buitenlandse woorden,
gedachten of andere termen.
