Vorige maand leerde ik hoe je de huidige datum op je site kan zetten. Ik kreeg daar veel vragen over. Sommigen kregen het niet voor elkaar om het lettertype van die datum in te stellen.

Bij sommige andere kwam de voorbeelddatum niet in het magazine-mailtje te staan. Dat komt omdat de datum door Javascript wordt gegenereerd. Sommige mailprogramma's ondersteunen echter geen Javascript in mailtjes.

Om jullie helemaal uit de brand te helpen heb ik een online datum generator gemaakt. Je kan daar eenvoudig kiezen hoe je bijvoorbeeld het lettertype instelt. Kijk maar eens hier.

Met de <FONT> tag kun je de lettergrootte en het lettertype van een bepaald stuk tekst aanpassen. De <FONT> tag is vrij makkelijk in gebruik.

Lettergrootte aanpassen

Zoals je al gezien hebt, kun je de lettergrootte aanpassen met Headings. Deze zijn echter vooral bedoeld als koptekst.

Als je de lettergrootte van een ander stuk tekst op je pagina wilt aanpassen doe je dit met de <FONT> tag.
Je voegt hier dan het attribuut size aan toe en een waarde met een getal van 1 tot 7, waarbij 1 de kleinste letter oplevert en 7 de grootste.
De waarde 3 komt overeen met de basislettergrootte. De eindtag is </FONT>.

Een voorbeeld tag:

<FONT size="6">Zo krijg je lettergrootte 6</FONT>

Resultaat: 

Zo krijg je lettergrootte 6

De bovenstaande waarden zijn absolute waarden. Je kunt ook met relatieve waarden werken. Dit doe je door met de + en - tekens te werken. +3 is dan de grootste letter en -3 maakt de kleinste letter.

De waarden die je dan opgeeft, geven de wijziging aan t.o.v. de basislettergrootte op je pagina. De relatieve waarden plaats je tussen aanhalingstekens.

Een voorbeeld van het aanpassen van de tekstgrootte d.m.v. een relatieve waarde:

<FONT size="+2">Zo wordt de tekst met twee verhoogd t.o.v. de basislettergrootte</FONT>

Resultaat:

Zo wordt de tekst met twee verhoogd t.o.v. de basislettergrootte

Zo wordt de tekst met twee verhoogd t.o.v. de basislettergrootte

Lettertype aanpassen

Net zoals je de lettergrootte van ieder stuk tekst op je pagina kunt aanpassen, kun je ook het lettertype veranderen.
Dit doe je weer met de <FONT> tag, maar nu gebruik je het attribuut face.

Je moet als waarde een bepaald lettertype opgeven. Een paar bekende lettertypen zijn: Verdana, Arial, Courier.

Je kunt ook meerdere lettertypen opgeven, achter elkaar, gescheiden door een komma. Als dan het eerstgenoemde lettertype niet ondersteund wordt door het systeem van de gebruiker, dan wordt het tweede lettertype gebruikt, als het tweede ook niet ondersteund wordt, het derde, etc.
Je zet de lettertypen tussen aanhalingstekens.

Een voorbeeld:

<FONT face="Verdana, Arial, Courier"> Zo stel je het lettertype van deze tekst in op Verdana, niet ondersteund? Dan Arial en tenslotte Courier</FONT>

Resultaat:

Zo stel je het lettertype van deze tekst in op Verdana, niet ondersteund? Dan Arial en tenslotte Courier

Je ziet dat het lettertype veranderd is. Eerste keus is hier Verdana, daarna Arial en Courier.

Tekstkleur Veranderen

Een derde attribuut van de <FONT> tag is: color.
Hiermee kan je de kleur van een bepaald stuk tekst veranderen.

Als waarde moet je een bepaalde kleur opgeven. Dit kun je doen met kleurnamen, zoals: yellow, green, blue of door middel van RGB waarden.

Een voorbeeld van het werken met het color attribuut:

<FONT color="Red"> Zo stel je de kleur van dit tekstdeel in op rood.</FONT>

Resultaat:

Zo stel je de kleur van dit tekstdeel in op rood.

Je ziet dat de tekst nu rood gekleurd is.

Nu alles samen

Goed, je hebt nu drie attributen van de tag FONT gezien.

Wat nu als je de lettergrootte en het lettertype wilt veranderen? Of zelfs lettergrootte, lettertype en tekstkleur?
Is het dan nodig iedere keer de FONT tag te gebruiken met één attribuut, dan de tag weer te sluiten en dat dan twee of zelfs drie keer te herhalen?
Het antwoord is nee.
Je kunt de attributen namelijk achter elkaar zetten in de FONT tag.

Een voorbeeld van drie attributen in één FONT tag:

<FONT size="4" face="Arial" color="Red">Nu krijg je dus lettergrootte 4, met lettertype Arial in de kleur rood met één FONT tag.</FONT>

Resultaat:

Nu krijg je dus lettergrootte 4, met lettertype Arial in de kleur rood met één FONT tag.

Lettergrootte 4, lettertype Arial in de tekstkleur rood.

Einde deel 4.
In deze les kwam het werken met fonts aan de orde.
Je hebt geleerd te werken met de attributen size, face, en color. Dit geeft je veel mogelijkheden om je tekst naar eigen smaak aan te passen.

In het volgende artiekel volgt deel 5:
Links maken.

Deze cursus HTML valt onder copyright van mijnhomepage.nl. Dit artikel mag niet worden overgenomen zonder uitdrukkelijke toestemming van de webmaster van mijnhomepage.nl.

Er is een basis, een fundament, voor elke website, dat zo vanzelfsprekend lijkt dat veel webmasters en website eigenaren er weinig aandacht aan besteden. En toch is het van onschatbare waarde voor je site.

Je komt er pas achter als er dingen mis beginnen te gaan. Zoals zo vaak wordt dan pas de put gedempt. Het kalf is inmiddels toch al verzopen.

Ik heb het over de hosting van je website. Veel website eigenaren weten niet precies welke techniek erbij komt kijken. Daarom kijken ze vaak naar de prijsverschillen tussen de hostingbedrijven en nemen op basis daarvan een besluit.

De meeste beginnen dan ook met gratis hosting of met goedkope hosting. Misschien ben jij wel één van hen. Lees de volgende alinea's dan goed door. Het is echt van groot belang.

Zoals met zoveel dingen in het leven, krijg je altijd waar voor je geld. Koop je iets goedkoops, dan krijg je een minder goede kwaliteit. Besteed je wat meer dan krijg je een goede kwaliteit. Bij kleding, verf, auto's en koffie zijn de verschillen tussen A en B merken heel duidelijk. Bij hosting is dat wat moeilijker te zien omdat je dan eerst de techniek moet begrijpen die de hosting mogelijk maakt.

De hostingbedrijven weten dit en nemen dan ook niet de moeite om de techniek uit te leggen, waarop de sites draaien. Ze weten dat aspirant website eigenaren vooral op de prijs letten. Ze kopen goedkoop in en berekenen een lage prijs. Maar hoe zit het met de kwaliteit? Weet je zeker dat dat goed zit?

Het antwoord is simpel. Daar kom je vanzelf achter! Als jij je website bij een goedkope hostingprovider hebt ondergebracht zul je dit kunnen bevestigen. Vaak beginnen de problemen al vlak na de bestelling. Je moet bijvoorbeeld dagen wachten tot je je accountgegevens krijgt en aan de slag kunt.

Daarna wordt je website traag, af en toe zijn er storingen, de helpdesk is onbereikbaar, en als je dan iemand te pakken hebt maken ze een gehaaste indruk, alsof je ze van hun werk houdt.

Als je gratis hosting hebt wordt het nog erger. Dan krijg je lelijke banners van casino's en zo op je site, je krijgt een lelijke URL (domeinnaam) en storingen kunnen ooit dagen duren.

Nee, de prijs die je voor gratis of goedkope hosting betaalt is gewoonweg te groot. Ons advies: zoek een hostingprovider die je van tevoren goed uitlegt hoe de techniek in elkaar zit. Alphamega Hosting is zo'n hostingprovider die een heel goede uitleg geeft op hun website. Zij zijn ook gespecialiseerd in het verhuizen van bestaande accounts. Dat regelen ze echt perfect voor je.

Ben je geïnteresseerd in de techniek achter hosting? Heb je genoeg van je gratis (of goedkope) host? Klik dan hier voor een goede uitleg over de techniek en over de details waar je op moet letten.