Deel 3: Tekst schrijven en tekstopmaak. |
 2002-10-11 |
 Programmeren en techniek
Hier leer je de verschillende tekst-tags kennen en hun effecten op je pagina. Met deze tags kun je de tekstopmaak op je pagina aanpassen. Schrijven Zoals je in les 1 hebt gezien, bevat dat wat in de BODY staat de daadwerkelijke inhoud van je pagina. Dit betekent dat alle tekst die je tussen de <BODY> en </BODY> tags zet, op het scherm verschijnt als je de pagina in je browser bekijkt. Er zijn verschillende tags die je helpen de tekst te structureren en op te maken. Zo krijg je een overzichtelijke en mooie pagina. Nu dus een uitleg van de verschillende tekst-tags. Headings HTML heeft zes verschillende headings (koppen), genummerd van 1 tot 6, waarbij 1 de grootste is. Een voorbeeld van een heading tag: begintag: <H1> eindtag: </H1>. Dit zijn de begin- en eindtag van H1. H3 is ongeveer de normale tekstgrootte.
Je gebruikt headings als koptekst. Kijk maar eens op deze pagina. Hier vind je alle headings onder elkaar, van <H1> tot <H6>, en zie je het effect dat ze hebben op de tekst. Je ziet dat de headings de tekst ook wat vetter gedrukt weergeven.
Paragrafen Lege ruimtes in je HTML code, zoals spaties, enters en inspring-ruimte, worden altijd weergegeven als een enkele spatie als je de HTML pagina in de browser bekijkt. Dit is handig, omdat je niet meer hoeft te letten op de lengte van je zinnen. De browser zet de woorden namelijk automatisch op een nieuwe regel als hij een regel heeft volgeschreven. Toch zal je soms structuur in je tekst willen aanbrengen; door middel van paragrafen bijvoorbeeld. Dit doe je met de <P> tag. Deze paragraaf tag begint een nieuwe regel en doet dit door een lege regel erboven leeg te houden. De <P> tag heeft wel een eindtag, </P>, maar deze hoef je niet te gebruiken. De browser begrijpt namelijk zelf bij het zien van een volgende <P> tag dat de eerste paragraaf is afgelopen en dat nu de tweede paragraaf begint. Ik zou uit goede gewoonte toch maar gewoon de eindtag </P> gebruiken. Tussen de begin- en eindtag komt dan de inhoud van je paragraaf.
De <P> tag heeft ook een attribuut, namelijk, align. <P align="center">Zo schrijf je de tag als je de paragraaf in het midden wilt uitlijnen</P>
<P align="right">Zo schrijf je de tag als je de paragraaf rechts wilt uitlijnen</P>
Center Je kunt naast paragraven ook andere tekst en andere elementen in het midden van de pagina laten uitlijnen. Dit doe je dan met de tag <Center>. Je sluit de tag met </Center>.
Break Ik zei eerder al dat enters in HTML niet gelden als het einde van een regel. Als je het einde van een regel wilt markeren, moet je deze tag gebruiken: <BR>. Deze tag zorgt ervoor dat de tekst die volgt, op de volgende regel geplaatst wordt. Er is geen sluitingstag. Horizontal Rule Een andere handige tag om je pagina in secties op te delen is de <HR>tag. Deze tag zorgt ervoor dat een horizontale lijn op het scherm verschijnt, zoals hieronder.
-------------------------------------------------------------------------------- Ook deze tag heeft geen eindtag. Wel kun je de dikte en lengte van de lijn aanpassen via de attributen size en width. Een voorbeeldje: Met: Krijg je de volgende lijn:
Bold, Italic, Underline, Typewriter Text Nu nog wat over een aantal speciale tekststijlen. Met de <B> tag krijg je vetgedrukte tekst. Met de tag <I> krijg je schuingedrukte tekst. Met de tag <U> krijg je onderstreepte tekst. En met de tag <TT> krijg je typemachine tekst. Al deze tags hebben eindtags dus: </B>, </I>, </U> en </TT>. In het volgende artiekel deel 4: |
