Lettertypen

Info 
Door: Admin Moeilijkheidsgraad: 1/3
Views:79.954Reacties: 31(Bekijken)
  Log in om zelf te reageren
 Waardering:8.5/10 (8 stemmen)

HTML: de basis van iedere website» De opbouw van een html bestand | Tekst op je website zetten | Kleuren op je website | Lettertypen | Hyperlinks maken | Tabellen | Frames | Meer informatie over frames | Lijsten maken | Formulieren maken | I-frames | Metatags




De grootte van de tekst bepaal je met het attribuut "size". Dit gebruik je in het element <font>. De grootte kan een waarde van 1 t/m 7 aannemen. Verder kun je de grootte zowel absoluut als relatief bepalen. Een voorbeeld van een absolute grootte is:

<font size="1">Dit is lettergrootte één</font>.

Een relatieve grootte geeft de grootte ten opzichte van de standaardgroote op. Een voorbeeld van een relatieve lettergrootte is:

<font size="-1">Deze tekst wordt één niveau kleiner dan het standaardlettertype</font>.

Met de relatieve grootte geef je dus de verhouding tot het standaardlettertype op.

Om je website grafisch wat aantrekkelijker te maken, is het ook mogelijk om van verschillende lettertypen gebruik te maken. Net als met het typen van gewone Word-bestanden heb je erg veel keuze, uit bijvoorbeeld Arial, Times New Roman, Verdana etc.

Het lettertypen geef je op met het attribuut "face". Wil je een een tekst bijvoorbeeld in arial hebben, dan zet je dit neer:

<p><font face="arial">Deze tekst staat in Arial</font>

Natuurlijk kun je alle tags ook combineren, dus bijvoorbeeld een rode tekst, lettertype arial, gecentreerd en in lettergroote 3 .De tag ziet er dan zo uit:

<p align="center"><font face="arial" color="#ff0000" size="3">Dit is de eigenlijke tekst</font></p>

Wanneer je op de hele pagina dezelfde kleur tekst? Dan kun je dat al in het body-element opgeven. Je hoeft dan niet meer bij ieder stuk tekst aan te geven in welke kleur je de tekst wilt zien. Dit plaats je in de body:

<body bgcolor="ffffff" text="#ff0000">

Zo krijg je dus een witte achtergrond en een rode rekst.

«Kleuren op je website Hyperlinks maken »

31 reacties
Suicide Geplaatst op 31-03-2012 om 22:48
 

Regular
weet iemand hoe je van die mooie lettertypes van word kan maken zoals die van bovenin deze site. daar staat website maken.be in een cool lettertype
joevan74 Geplaatst op 10-03-2010 om 22:08
 

Regular
haha weer mooi ineengestoken :)
Birre Geplaatst op 04-02-2010 om 11:24
Avatar van Birre

Regular
Let op met het geblink. Dat stoort meestal.

Mooie tut!
h4k3r9 Geplaatst op 09-12-2008 om 16:29
 

Regular
met <blink>hier je tekst</blink> kan je iets laten knipperen
dit werkt helaas alleen in firefox
Onbekend lid Geplaatst op 24-03-2008 om 18:16
 

Spammer
gaat goed wat vinden jullie hier van voor het eerst gedaan :D
alleen heb ik nu een witregel tussen die arial en verdana maar als ik die <p> </p> weg haal dan staat het achter elkaar dat wil ik niet.
Ik wil ook geen witregel hoe dit op te lossen?

<html>
<head>

<title>Vicious Offensive Compagnie</title>

</head>

<body bgcolor=#000000 text=#ff4444>

<h2><p align=center><b><font color=#hh55555>Dit is mijn 1e website</b></p></h>
<h5><p align=center><i><font color=#55tt66>Deze regel is anders</i></p></h>
<p><font color=#96E745><font face=arial>Deze tekst is arial</font></p>
<p><font color=#5E5ECE><font face=verdana>deze tekst is Verdana</font></p>

</body>

</html>

Pagina 1 2 3 4 5 6 7 

Om te reageren moet je ingelogd zijn.
Nog niet geregistreerd? Doe dat dan nu!


Terug naar gewone pagina

Websitemaken wordt gehost door Nucleus.be, uw Hosting Solution Builder