HTML les 4 – Teksten voor een website
Deze les gaat over het belangrijkste onderdeel van je webpagina. De tekst. Tenzij je
een pagina maakt met alleen maar plaatjes, en dan heb je nog tekst nodig, bestaat een
website voor het grootste gedeelte uit tekst. Soms wel voor 100%. Omdat je in de vorige
les hebt gezien hoe je tekst op de pagina krijgt gaan we daar nu niet op in, maar er valt
een heleboel te doen met tekst. Eerst gaan we even terug naar de tekst van de vorige les.
De vorige les hadden we een pagina aangemaakt die we hadden opgeslagen in de map
‘cursus’. Deze gaan we er weer bij halen. Open nu kladblok ook weer om verder te gaan
met het bewerken van deze tekst. Dit stond er op je pagina:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<title>Untitled</title>
</head>
<body>
Welkom op de website van Basisschool De Klingel.
De Klingel is een leuke basisschool in het dorpje Klingeldam.
Verder is dit de eerste website van de school.
</body>
</html>
Paragraaf
Een tekst word over het algemeen verdeeld in paragrafen. Dat maakt een stuk te
lezen tekst wat aantrekkelijker. Dat verdelen in paragrafen doe je met de volgende
tag: <p>, en aan het einde van een paragraaf </p>
Open de website in kladblok maar weer eens. Dat doe je door kladblok te openen
en dan op bestand, openen, dan de map Cursus openen, en dan even de onderste regel
veranderen naar ‘alle bestanden’. Daarna kun je index.htm openen. (Zie ook de
vorige cursus)
Ga nu eens een
langer verhaal maken voor op je website. Verdeel de tekst in alinea’s met behulp van
de p-tag.
Tekstmogelijkheden
Toch komt het allemaal nog wat saai over. Alles is in een en dezelfde lettergrootte.
Dat moet anders kunnen en dat kan ook. Zo zijn er een aantal mogelijkheden. Ten eerste
zijn er de tags voor vetgedrukt (bold), schuingedrukt (italic), een slag groter (big)
en een slag kleiner (small). De codes hiervoor zijn als volgt:
Bold: <b> Alles hiertussen wordt vetgedrukt. </b>
Italic: <i> Alles hiertussen wordt schuingedrukt. </i>
Big: <big> Alles hiertussen wordt groter dan de rest. </big>
Small: <small> Alles hiertussen kleiner dan de rest. </small>
Zorg er wel voor dat je iedere tag weer afsluit, anders gaat je hele tekst er
toch anders uitzien dan de bedoeling was.
Opdracht
Maak eens een stukje tekst waarbij de tekst varieert in vorm en grootte, met behulp
van deze vier elementen. Als je dat gedaan hebt sla je alles op.
Succes!
