Basis (Tekstmanipulatie)
- Kop
Natuurlijk begin je je pagina met een leuke titel. Typen we nu bijvoorbeeld tussen de body
tags (tags zijn de opmaakcodes) de volgende code <H1>HTML-cursus</H1>, dan krijgen we het volgende:HTML-cursus
Op die manier kan je dus bepaalde dingen op je pagina benadrukken. Merk op dat je van
H1 tot H6 kunt gaan. Het is op die manier dus mogelijk subtitels te creëren. Voorbeeld: <H2>Subtitel 1</H2>
Subtitel 1
Probeer hier dus maar wat mee.
- Paragraaf
Alles wat je wil typen, dus gewone tekst, moet je tussen <P>
</P> zetten. Hiermee maak je aan de browser duidelijk dat het
volgende een paragraaf is, dus gewone tekst. Voorbeeld: <P>
Hallo </P>
Hallo
Ook nog even interessant om te weten. Met <BR>
begin je een nieuwe lijn, eender in wat je zit. Werkt dus met <P>,
<TABLE>, .... Stel dat je ooit een
spatie wilt weergeven, een spatie kan je doen met een gewone spatie, als je er meerder
achter elkaar wilt hebben, gebruik je Elke keer je invoerd, wijzigd
de browser dit in een spatie.
- Fonts
Je bent natuurlijk niet verplicht om die <Hx>-tag te gebruiken. Er zijn nog
een dozijn andere mogelijkheden om tekst te manipuleren. Zo is er bijvoorbeeld de
<font>-tag. Willen we bijvoorbeeld bijvoorbeeld veranderen van lettergrootte,
dan typen we bijvoorbeeld <FONT SIZE=+2></FONT>
Standaard staat het lettergrootte ingesteld op 3 (meestal zo). Als je dus die tag
gebruikt, zal de browser de lettergrootte brengen naar 5. De tekst zal dus groter worden.
We kunnen ook gewoon de lettergrootte zeggen, onafhankelijk van de vorige waarde: <FONT SIZE=5></FONT> Ook kunnen we een leuk kleurtje geven aan onze tekst, willen we
bijvoorbeeld een blauwe kleur geven, dan gebruiken we de volgende tag: <FONT COLOR="#0000FF"></FONT>. De tekst zal nu in het blauw weergegeven worden. De kleurencodes lijken
misschien wat ingewikkeld maar vallen eigenlijk best wel mee. Je moet gewoon de RGB code
(Rood Groen Blauw) geven. Elke kleur kan van 00 tot FF gaan. Dus naargelang het het getal
hoger maakt, wordt de kleur dus feller weergegeven. #OOOOFF geeft dus het maximum blauw en het minimum Rood en Groen. De kleur is dus
enkel blauw. Nu even wat voorbeelden voor de duidelijkheid:
Stel, we willen in lettergrootte 2 het woord hallo typen, dan typen we de volgende code:
<P><FONT SIZE=-1>hallo</FONT></P> of
<P><FONT SIZE=2>hallo</FONT></P>
- Tekstsoorten
Tot nu toe hebben we altijd gewone tekst weergegeven. Voor het weergeven van
cursief gebruiken we <I></I>. Voor het weergeven van vet gebruiken we <B></B>. Om iets te onderlijne gebruiken we <U></U>. Deze tags mogen we allemaal onder elkaar gebruiken. Voorbeeld:
<B><U>Leuke commando's</B></U>
Leuke commando's
- Positie
Het is ook mogelijk tekst op een ander plaats dan links te laten uitlijnen. Hiervoor
gebruiken we
<P ALIGN="CENTER"></FONT>
of ALIGN="RIGHT" of ALIGN="LEFT". Voorbeeld:
<P ALIGN="RIGHT"><FONT
COLOR="#FFFF00">Een leuke lijn</FONT></P>
Een leuke lijn
De tekst wordt dus rechts uitgelijnd en in een gele kleur.
- Opsommingen
HTML biedt de mogelijkheid om opsommingen te maken. Met de tag <UL> geef je aan dat de opsomming gaat beginnen, met </UL> eindigt hij. Elke regel in de opsomming moet
beginnen met <LI> en eindigen met </LI>. Tussem die <LI></LI>
type je dan hetgeen dat hier moet komen, dit mag zelfs een
<FONT>-tag zijn. Experimenteer hier maar wat mee. Voorbeeld:
<UL>
<LI><FONT COLOR="#0000FF">Eerste opsomming</FONT></LI>
<LI>Tweede opsomming</LI>
</UL>
- Eerste opsomming
- Tweede opsomming
Heb je liever nummers dan die zwarte stippen, dan vervang je <UL></UL> gewoon door <OL></OL>.
Nu kan je al een vrij leuke pagina maken met gewone tekst. Vergeet niet dat alle tags
die hier besproken zijn tussen <BODY></BODY>
moeten komen. Als je hiermee rekening houdt, zou je tot leuke resultaten moeten komen. :-)