Opdracht HTML Font
Inhoud |
Inleiding
Een font is een lettertype. Je kunt elke letter, woord of zin veranderen van grootte, lettertype (familie) en kleur.
Font Size
Maak een HTML pagina -met als naam fonts.html met de volgende regels tekst:
Als het goed is zie je de letters op elke regel een stukje groter worden.
Let op dat deze lettergroottes heel anders zijn dan de bekende pixel-gebaseerde groottes zoals in Word.
Font Face
Het Font Face is het lettertype, en dan bedoelen we de familie. Je kunt alle lettertypen gebruiken die de mensen geïnstalleerd hebben op hun computer. Maar omdat veel mensen niet zo veel keuze hebben als jij thuis, kiezen webdesigners meestal voor arial, helvetica, verdana, of times new roman. Ook kun je meerdere fonts opgeven, waarbij de voorste als eerste wordt geprobeerd en als die niet op je pc zit, de volgende wordt geprobeerd.
Zet onder de vorige opdracht nog wat regels code waarin je de volgende tags uitprobeert:
<font face="verdana, arial, helvetica">Verdana, Arial of Helvetica?</font> <font face="arial, helvetica, verdana">Arial, Helvetica of Verdana?</font> <font face="helvetica, verdana, arial">Helvetica, Verdana, of Arial </font>
Font Color
Behalve de grootte en het lettertype kun je ook de kleur veranderen. Daarvoor gebruiken we de standaard HTML RGB Kleurcode. Dat betekent dat je een 6-cijfercode hebt voor elke kleur en die begint met een #. Probeer de volgende voorbeelden:
<font color="#FFD700">Goudkleur</font>, <font color="#000000">zwart</font>, <font color="#FFFFFF">wit (???)</font>, <font color="#DDDDDD">licht grijs</font>
Eindopdracht
Maak nu zelf de juiste HTML codes voor de volgende regels en zet deze onderaan in het bestand fonts.html waar je al mee bezig was.
* Een regel tekst met je eigen naam in grootte 4, in de kleur paars, face Courier. Zoek de kleurcode ook op. * Je Woonplaats in grootte 3, in de kleur "#FF00FF", in face Arial. * De naam van je docent, in grootte 2, een groene kleur (kleurcode opzoeken), in Verdana.
