Homepage » Tutorials » HTML & CSS » Lettertypen

Lettertypen

Info
Door:	Rick	Moeilijkheidsgraad:
Geplaatst op:	08-02-2004	Reacties:	30(Bekijken)
Views:	63621 (gem. 26.4757 per week)	Log in om zelf te reageren
		Waardering:	8.5/10 (8 stemmen)

De grootte van de tekst bepaal je met het attribuut "size". Dit gebruik je in het element . 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:

Dit is lettergrootte één.

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

Deze tekst wordt één niveau kleiner dan het standaardlettertype.

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:

Deze tekst staat in Arial

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:

Dit is de eigenlijke tekst

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:

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

«Kleuren op je website Hyperlinks maken »

30 reacties
joevan74	Geplaatst op 10-03-2010 om 22:08
Regular	haha weer mooi ineengestoken :)
Birre	Geplaatst op 04-02-2010 om 11:24
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
riczz	Geplaatst op 24-03-2008 om 18:16
Regular	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>
Mchielll	Geplaatst op 06-02-2008 om 23:16
Regular	Omdat er op "de opbouw van een html bestand al zo lang niet meer heeft gereageerd, zal ik hier mijn vraag eens stellen:p : je wilt de naam van je website in het groot bovenaan de pagina zetten. In welk deel moet je het dan zetten?In titel of in body? Ik snap eigenlijk ook niet zo goed wat er met de tekst in "titel" gebeurt. hier staat dat die in de statusbalk komt... maar de statusbalk is toch onderaan die grijze tot beige balk, de lader?daar heb ik toch nog niet meer als "fout op de pagina" of "gereed" gezien hoor!kan iemand me helpen?
huub8	Geplaatst op 23-01-2008 om 21:32
Regular	hallo, eerst moet je opzoek naar een host de gratis hosting aanbied, vervolgens moet je de website of via het uploadsysteem van deze host (als dit wordt ondersteund) of anders met het ftp systeem, hiervoor krijg je dan vanzelf je login gegevens toegestuurd en hoe je moet uploaden met ftp vind je zo op google.
2play	Geplaatst op 10-10-2007 om 20:25
Regular	wel leuk dit allemaal maar hoe zet je het op een echte gratis site???? wie weet daar iets op alvast bedankt
.eptica	Geplaatst op 02-11-2006 om 22:54
Regular	Je hoeft enkel op Google te zoeken naar 'register' en 'domain'... Dan ga je wel enkele links naar dergelijke pagina's vinden waar je jouw eigen domein kan registreren.
Heike-Jan	Geplaatst op 12-10-2006 om 21:20
Regular	waar kan je een eigen site kopen
Sebastiaan_V	Geplaatst op 23-05-2006 om 17:48
Regular	Er word hier nog ge expirementeert met HTML 3.2..... Er word gezegt dat je niet de <font> element moet gebruiken in HTML 4.0. dit is namelijk van de orde. Hier voor word nu CSS gebruikt.(Cascading Style Sheet) Volg die tutorial en dan kan je de tekst editen. Editen dus!!!
Onbekend lid	Geplaatst op 26-04-2006 om 16:49
Spammer	huh.. deze reacties worden HEEEL raar weergeven in firefox :S in internet explorer trouwens ook..
Gian	Geplaatst op 22-03-2006 om 18:47
Regular	Quote: kun je ook ergens in de body mss typen dat er voor het hele document arial gebruikt moet worden? Leer Css daar kan je handige dingen mee doen zoals body alles het zelfde lettertype
Onbekend lid	Geplaatst op 08-03-2006 om 19:13
Spammer	kun je ook ergens in de body mss typen dat er voor het hele document arial gebruikt moet worden?
Onbekend lid	Geplaatst op 08-03-2006 om 19:07
Spammer	kun je ook ergens in de body mss typen dat er voor het hele document arial gebruikt moet worden?
nielsy	Geplaatst op 06-01-2006 om 14:02
Regular	dit is echt stoer:) ik snap alles wahha
Rogier	Geplaatst op 23-11-2005 om 15:25
Regular	Mooie les! Heel duidelijke uitleg dat 'zelfs' ik het snap :).
Huynen	Geplaatst op 27-10-2005 om 22:12
Regular	ja, toch bedankt zeker :p maar kheb al een "oplossing" gevonden, ik type het lettertype in paint in, slaag het op als afbeelding, comprimeer het bmp bestand 10 keer kleiner en zet de afbeelding op de site i.p.v. de tekst... Greetz Steven
ElBaknifico	Geplaatst op 11-08-2005 om 08:44
Moderator	dat gaat dus niet. de gebruiker moet het font zelf ook geïnstalleerd hebben op de pc. als dat niet zo is wordt de font niet weergegeven. het enige wat je kan doen is ervoor zorgen dat alle bezoekers het font installeren op hun pc, of dat gebruiksvriendelijk is is een andere vraag ;-)
Huynen	Geplaatst op 11-08-2005 om 01:56
Regular	Ik heb geprobeerd om een niet-standaard lettertype te gebruiken op mijn site. Ik heb eerst het lettertype gedownload, daarna gesleept naar lokaalstation(c);windows;fonts en windows installeerde het lettertype vanzelf. Ik heb het lettertype ook geupload op het net. Op mijn PC is het lettertype zichtbaar, maar op een andere pc niet. hoe doe je dit? dit is de site waark het lettertype heb gedownload: http://www.grsites.com/fonts/ groetjes Steven
Dupol	Geplaatst op 30-05-2005 om 11:35
Regular	deze site werkt ander ff egt wel goed en het is nog leuk ook :)))
Willem	Geplaatst op 25-05-2005 om 21:09
Regular	Hoi, Weer een nette les gehad. Als dit zo doorgaat, krijg ik er wel heel veel plezier van. Gr.
crazymister	Geplaatst op 09-02-2005 om 17:53
Regular	ik wil in een bepaald tabel de letters 1 kleur geven maar ik heb in me body tag de volgende code staan: <body bgcolor="red" text="white"> kan dit dan nog wel? en zoja hoe? geef plz antwoord op crazymister@lycos.nl
henkie345	Geplaatst op 21-12-2004 om 20:08
Regular	bij mij werken de lettertypes niet is er nog een andere manier???
Mirax	Geplaatst op 21-11-2004 om 15:44
Moderator	Kijk eens in de tutorial over afbeeldingen.
leerling	Geplaatst op 18-10-2004 om 00:41
Regular	ok , thankx Mirax !
Mirax	Geplaatst op 16-10-2004 om 14:22
Moderator	Ook hier is het beter om ze wel te gebruiken. Niet alle browsers zullen ze correct interpreteren. En zo geef je duidelijk het onderscheid tussen de waardes aan.
leerling	Geplaatst op 16-10-2004 om 01:30
Regular	Ook hier merk ik dat de aanhalingstekens naast de cijfers overbodig zijn. Of niet.?
Ancova	Geplaatst op 26-09-2004 om 21:33
Regular	met deze tekst, wordt de regel nier gecentreerd. Wat doe ik fout? <p align="center"><font face="arial" color="#ff0000" size="3">Dit is de eigenlijke tekst</font></p>
rogier.slag	Geplaatst op 12-06-2004 om 12:04
Moderator	zet font tags om je link of definiëer een style
gameplazaacom	Geplaatst op 12-06-2004 om 11:36
Regular	kan je ook een link een andere kleur geven. en zo ja, hoe???

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

Check je domein...

Terug naar gewone pagina

Websitemaken wordt gehost door Nucleus.be