Het Font-attribuut
- Gegevens
- Categorie: HTML Basiscursus
Het gebruik van 'Font' als attribuut is niet meer toegestaan volgens de W3C-richtlijnen. Opmaak van html wordt met CSS gedaan. U mag deze stap best overslaan en verder gaan met de html cursus.
In versie 3.2 van html werd deze tag geïntroduceerd. Met deze tag kun je tekst verder opmaken. Hiermee kun je de tekst een lettertype, kleur en grootte geven. Het is een stuk makkelijker en sneller om dit met css te gaan doen. Mocht je op een moment beslissen om je lettertype aan te passen, kan het met css met enkele wijzigingen voor je hele site, terwijl je met de font-tag alle tekst, stap voor stap moet nalopen.
Toch gaan we er iets verder op in om je een beeld te geven van de frustraties die veel webmasters door deze tag hebben opgelopen...
Een webpagina wordt uit tags en elementen opgebouwd. De elementen zijn de afzonderlijke ingrediënten waaruit de pagina bestaat, zoals tekst, plaatjes, hyperlinks enz. Een tag kan een attribute hebben om extra informatie aan het element toe te voegen.
de font-tag kan drie attributen bevatten:
- face = het lettertype
- color = de kleur
- size = de grootte
‹font face="verdana, arial, sans-serif"›Deze tekst zal weergegeven worden met het lettertype 'verdana'. Mocht die lettertype niet om de computer van de bezoeker geïnstalleerd zijn, zal arial genomen worden. Mocht dat er niet op staan, kiest de browser voor een schreefloos lettertype, dwz een lettertype zonder schreven, de kleine krulletjes op het einde. ‹/font›
‹font color="red"›Het lettertype heeft de kleur rood‹/font›
‹font color="#FF0000"›Het lettertype heeft de kleur rood. Maar nu in een nummercode weergegeven.‹/font›
‹font size="4"›geeft de tekst een groter lettertype weer‹/font›
De fontsize gaat van 1 tot 7, waarbij 3 de standaardgrootte is. Ook kun je de grootte bepalen in pixels of procenten deze hebben geen limiet. Die kun je zo groot maken als je zelf wilt.
‹font size="12px"›Fontsize in 12 pixels‹/font›
‹font size="110%"›fontsize in procenten‹/font›
Samenvatting:
| Tag: | Omschrijving: |
|---|---|
| <font>...</font> | tekstopmaak |
| <font face="face"> | lettertype |
| <font color="color"> | tekstkleur |
| <font size="x"> | tekstgrootte |