May 11
22
Het lezen van html 2. Teksten
In een eerder artikel hebben we kennis gemaakt met de basisopbouw van een webpagina. Laten we nu eens kijken hoe we tekst op kunnen maken in html. Overigens zijn er meer technieken om dit te regelen, bijvoorbeeld met het gebruik van CSS ofwel cascading style sheets maar dat is iets voor een ander artikel. We gaan hier uit van oorspronkelijke HTML codering.
Als we binnen de <body> en </body> tekst iets intikken dan zien we dat direct zonder enige opmaak verschijnen in onze webpagina.
Probeert u de volgende code maar eens uit. U kunt het intikken met kladblok/notepad (NIET met Word, tenzij u dat opslaat in tekstformaat)
<HTML>
<HEAD>
</HEAD>
<BODY>
Hallo wereld!
</BODY>
</HTML>
Sla het op als hallo.htm en uw eerste webpagina is een feit. Klik het icoon aan in de verkenner en u ziet uw tekst verschijnen.
Nu wordt tekst normaal gesproken opgedeeld in paragrafen of alinea’s. En dat doen we ook hier. Het begin van een paragraaf is <P> en het einde geven we aan als </P>. We mogen dan ook schrijven <p>Hallo wereld!</p>. Probeer het uit en u zult zien dat het geen verschil maakt.
Wel kunnen we ook aan de paragraaf bepaalde eigenschappen meegeven, bijvoorbeeld om deze uit te lijnen. Daarvoor voegen we een align clausule aan de <p> tag toe. Dus als volgt:
<p align=”center”>Hallo wereld!</p>
U zult zien dat uw tekst nu netjes in het midden van uw scherm staat. Probeer ook eens het effect van <p align=”right”>Hallo wereld!</p> of <p align=”left”>Hallo wereld!</p>
Terug naar de tekst. Zaken die we vaak willen veranderen zijn bijvoorbeeld het lettertype, de grootte van de letter en de kleur. Hiervoor gebruiken we html-tag <FONT> die afgesloten wordt met </FONT> Stel dat we lettergrootte 4 willen met lettertype arial en in rood, dan krijgen we:
<p align=”center”><font face=”arial” size=”4″ color=”red”>Hallo wereld!</font></p>
Het mag duidelijk zijn dat we voor arial elk lettertype kunnen gebruiken dat internet kent (Oveigens een beperkte set). De kleur kent een aantal standaardteksten maar wordt in de praktijk hexadecimaal (zestientallig) gecodeerd, bijvoorbeeld #12CE8A.
Omdat we in deze artikelen alleen een indruk van HTML willen geven zodat iemand het in grote trekken kan lezen gaan we hier verder niet op in maar elk boek helpt u verder.
Tot slot nog drie belangrijke opmaaktechnieken namelijk:
1 Vette tekst. Dit bereiken we door <b> </b> om de vet weer te geven tekst te zetten. Soms wordt ook wel <strong></strong> gebruikt.
2. Schuine tekst. Het gebruik van schuine tekst ofwel italics bereiken we door het opnemen van <i></i> rond de tekst.
3. Onderstrepen. het onderstrepen van de tekst regelen we met <u></u>
