English  
 

htmlcursus

Overzicht

Geschiedenis

HTML

Alinea's

Teksten

(Hyper)Links

Tabellen

Afbeeldingen

Lijsten

Formulieren

Frames

Imagemap

Hexdecimale kleuren

Character-overzicht

Publicatie

Ons adres

Slot Assumburgpad 40
3123 RR Schiedam
Tel: 010 - 7373737
Fax: 010 - 7373733


Klantenlogin

Loginnaam:
Wachtwoord:

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:

Heen en weer.

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.

© Cyberdots 1998 - 2005