
htmlcursus
Tekst
Om
de tekst die wij gebruiken in onze site te benadrukken of delen
hiervan te laten opvallen zijn er diverse labels beschikbaar. De
labels hebben een begin en een uit-label. De bedoelde tekst staat
dus hiertussen.
Cursief
& Vet
<EM> </EM>
Om tekst opvallender neer te zetten dan de rest van de
tekst, kunnen wij de labels <EM> </EM> gebruiken. De
manier waarop het toont is browser afhankelijk, maar meestal is
dit cursief.
<STRONG>
</STRONG>
Om tekst sterker neer te zetten dan de rest van
de tekst, kunnen wij de labels <STRONG> </STRONG> gebruiken.
De manier waarop het toont is browser afhankelijk, maar meestal
is dit vet/dikker.
<I>
</I>
Zoals gezegd is dit dus browser afhankelijk. Daarom kunt u ook een
Cursieve weergave afdwingen. Maar het feit wilt dat 'ouderer'
browsers dit weer niet kennen. Deze zullen de labels negeren en
dus de tekst normaal neerzetten.
<B>
</B>
Alles wat wij tussen deze labels zetten zal Vetter/Dikker
weergegeven worden. Met <STRONG> is het resultaat afhankelijk
van de browser.
Netscape was degene die het label <I> introduceerde. En andere
browsers volgde snel. Daarom is het ook aan te raden om de twee
laatste labels te gebruiken. Het resultaat is veel voorspelbaarder.
Onderstrepen
& Doorstrepen
<U>
</U>
Bij gelegenheden waarbij je tekst zou willen onderstrepen
gebruikt u de labels <U> </U>. Maar er zitten bijsmaken
aan:
- Oudere
monitoren of laptops zien het verschil niet tussen een link en
een onderstreept woord.
- Niet
alle browsers ondersteunen dit. (het wordt genegeerd)
<STRIKE>
</STRIKE>
Ook zo'n leuke label is <STRIKE>. Zoals u ziet is de tekst die
tussen deze labels staat doorgestreept. Let wel op:
Het wordt niet door alle browsers ondersteund.
Super-
& subscript.
<SUP>
</SUP> en <SUB> </SUB>
Sinds de introduktie van HTML 3, welke overigens op het moment van
schrijven nog standaard is, is het mogelijk tekst in <SUP>superscript</SUP>
en <SUB>subscript</SUB> te schrijven. Vooral
handig als u wiskundige en scheikundige informatie kwijt wilt op
een pagina. Bijvoorbeeld 10 m2 voor 10 vierkante meter
of H20 voor de formule van water.
Niet
propotioneel
<TT>
</TT>
Over het algemeen zullen browsers de tekst zodanig verdelen over
het scherm dat het goed past. Dat wil zeggen dat iedere letter zoveel
(scherm)ruimte krijgt als nodig. De letter i zal minder nodig hebben
dan een w. Dit is vooral handig als je gegevensuitvoer wilt laten
zien of listings uit een PC. Het ziet eruit alsof het getypt uit
een typmachine komt. Dit is niet proportioneel. Er zijn
nog enkele andere:
- <CODE>
</CODE>
Voor bijvoorbeelde programeercode
- <KBD>
</KBD> Voor keyboard invoer (via de PC)
- <SAMP>
</SAMP> Voor voorbeelden van gegevensuitvoer
U
merkt dat er in de praktijk weinig tot geen verschil tussen deze labels
is te zien. Daarom wordt <TT> </TT> het meest gebruikt.
<BIG>
</BIG> en <SMALL> </SMALL>
Met deze labels kunt uw tekst iets groter of kleiner
maken. Deze labels worden ook niet door alle browser ondersteund.
Heel vervelend. Maar eigenlijk zijn deze ook overbodig, want men
kan simpel de <FONT SIZE> </FONT>labels gebruiken.
<FONT>
</FONT>
Deze <FONT> </FONT>labels doen nog niets, want hier
zijn opties op toepasbaar. De groote is aan te passen, maar ook
de kleur. U hoeft niet alle opties te gebruiken, ze zijn optioneel.
Zoals u ziet is er maar 1 label om dit alles af te sluiten.
<FONT
SIZE=x COLOR=x FACE=x> </FONT>
SIZE=x
Op de plaats van de x vult u een grootte in tussen 1 en 6.
COLOR=x
Op de plaats van de x vult u een kleur in. Dit kan soms in
tekst zijn (red, green of blue), als het maar in het engels is.
Maar de voorkeur heeft een hexadecimale waarde. Hier komen wij later
op terug.
FACE=x
Op de plaats van de x kunt u een lettertype invullen. Dit
kan "Verdana, Arial, Helvetica", "System" of "Comic Sans" zijn.
Er zijn genoeg mogelijkheden. Let wel op: dit lettertype moet wel
aanwezig zijn op de PC van de eindgebruiker, anders wordt deze genegeerd.
Meerdere
mogelijkheden
<BLINK>
</BLINK>
De tekst die tussen deze labels staat zal in Netscape knipperen.
Dus in MS Explorer gebeurt er niets.
<MARQUEE>
</MARQUEE>
Wel leuk, dit is waarschijnlijk het antwoord van Microsoft op de
vorige label. Plaats je tekst tussen deze labels en het zal scrollen.
De tekst zal standaard van links naar rechts scrollen. En als het
weg is begint het verhaal weer opnieuw. Maar je kan enkele dingen
zelf bepalen.
<MARQUEE>
BGCOLOR=x WIDTH=x HEIGHT=x ALIGN=x BEHAVIOR=x
DIRECTION=x LOOP=x </MARQUEE>
De tekst die tussen deze labels staat zal in Netscape knipperen.
Dus in MS Explorer gebeurt er niets.
BGCOLOR=x
Hiermee kunt u de scrolltekst tegen een afwijkende achtergrondkleur plaatsen.
Voor x vul je één van de volgende kleuren in: black, red, green, blue,
magenta, purple, gray, brown, orange, turquoise, pink. Met light of dark is
aan deze kleuren nog enige variatie toe te voegen. Dus bijvoorbeeld lightgreen
of darkgreen. Uiteraard zijn er nog meer kleuren mogelijk, maar deze zult u
in de zogenoemde hexadecimale
waarde moeten neerzetten.
WIDTH=x
Hiermee is het mogelijk de grootte van het vlak aan te geven waarin
de tekst moet scrollen. Met x geeft u de breedte aan. Dit
kan ook in absolute waardes (pixels), maar ook in percentages (%).
HEIGHT=x
Hiermee is het mogelijk de grootte van het vlak aan te geven waarin
de tekst moet scrollen. Met x geef je de hoogte aan. Je kan
dit in absolute waarde doen (pixels), maar ook in percentages (%).
ALIGN=x
Voor de uitlijning kan voor de volgende mogelijkheden kiezen: TOP, MIDDLE of
BOTTOM. Voor meer uitleg zie afbeeldingen.
BEHAVIOR=x
Hoe zal het zich gedragen? U heeft 3 mogelijkheden. SCROLL, SLIDE
en ALTERNATE.
Bij SCROLL zal de tekst vanaf 1 zijde het beeld binnen komen scrollen
en aan de andere kant weer verdwijnen. Met SLIDE zal de tekst aan
1 zijde het beeld binnen komen, maar eenmaal aan de andere kant
aangekomen zal deze hier blijven staan. Met ALTERNATE zal de tekst
ook aan 1 kant binnen komen en teruggaan als het de andere kant
heeft bereikt. En dit heen en weer.
DIRECTION=x
Standaard staat de richting op LEFT. De andere mogelijkheid is RIGHT,
naar rechts toe.
LOOP=x
Geef hier het aantal keren op hoevaak u wilt dat het gebeurt op
de plaats van x. Met INFINITE zal het oneindig doorgaan.
<MARQUEE
BGCOLOR="YELLOW" WIDTH=50% HEIGHT=15 BEHAVIOR=ALTERNATE>Heen
en weer</MARQUEE> Geeft alleen in Explorer het volgende resultaat:
Voorbeeld
pagina
De
pagina zal er dan ongeveer zo uit kunnen gaan zien (in bv. Notepad;
tik het volgende maar over en bewaar deze als een html dokument
en open deze in een browser):
<HTML>
<HEAD>
<TITLE>Onze eigen pagina </TITLE>
</HEAD>
<BODY
BGCOLOR=#F1F1F1" TEXT="#FFFFFF">
<FONT FACE="Verdana, Arial, Helvetica" SIZE="2">
<CENTER><H1>Onze
eigen pagina</H1></CENTER>
<HR
WIDTH=80%>
Zoals
je ziet is deze tekst <I>cursief.</I><BR>
<B>En deze is dikker.</B><BR>
Maar je kan tekst ook <U>onderstrepen</U> of
<STRIKE> doorstrepen</STRIKE><P>
<!--
Knipperen en Scrollen --/>
Er is veel meer mogelijk in HTML:<BR>
<BLINK><MARQUEE>Je kan het ook OF laten scrollen
in Explorer OF laten knipperen in Netscape.</MARQUEE></BLINK><P>
Je kan
zelfs de tekstkleur laten veranderen in <FONT COLOR="red">rood</FONT>,
<FONT COLOR="GREEN">groen</FONT> of <FONT
COLOR="BLUE">blauw</FONT>!<P>
Het leuke
is dat er heel veel mogelijk is. Zo kun je ook tekst iets
<SUP>hoger</SUP> of iets <SUB> lager </SUB>
zetten. Dat is best makkelijk.
</BODY>
</HTML>
|
Voor een voorbeeld van zo'n pagina (tot nu toe) klikt u hier.
|