| <FONT face="Tahoma">Hier je tekst!</FONT> |
Met het volgende resultaat:
| Hier je tekst! |
Face is een attributen. Een attribuut zegt iets over een tag. De waarde van het attribuut bepaal je door achter het attribuut een is-teken ( = ) te zetten, met daarachter je waarde tussen quotes ( " en " ).
Face bepaald het lettertype van je tekst. In dit geval gebruiken we het lettertype Tahoma.
| <FONT face="Trebuchet MS, Arial, Tahoma" size="3">Hier je tekst!</FONT> |
Size geeft de grootte van je letters aan. 2 is de standaard waarde. In het voorbeeld is het lettertype dus groter dan de standaard grootte ( 3 ).
Met HTML moet je een standaard lettertype gebruiken. Hiermee bedoel ik eentje die standaard op elke Windows, Mac, Linux computer staat. Je kunt dus geen gedownloadde lettertypes gebruiken. Als je er niet zeker van bent kun je meerdere lettertypes achter het face attribuut zetten, gescheiden door een komma ( , ).
Spaties en witregels:
Als je in HTML één spatie typt, zie je in op je browser ook maar één spatie. Als je twee spaties typt, zie je nogsteeds maar één spatie. Als je honderd spaties typt, ziet je browser maar één spatie. Om dus een spatie extra spatie te typen, typ je .
Je browser ziet helemaal geen enters/witregels. Om een enter te zetten, typ je <BR>.
| <B>Bold</B> | Bold |
| <I>Italic</I> | Italic |
| <U>Underline</U> | Underline |
| <S>Striped</S> |
Om je tekst dik gedrukt te maken plaats je de tekst tussen <B> en </B>. Hetzelfde doe je met I, U en S.
| <CENTER>Centreren</CENTER> | |
| <P align="left">Links uitlijnen</P> | Links uitlijnen |
| <P align="center">Centeren</P> | Centreren |
| <P align="right">Rechts uitlijnen</P> | Rechts uitlijnen |
Nog een voorbeeld:
|
<HTML> <HEAD> <TITLE>Hier je website titel!</TITLE> </HEAD> <BODY> <FONT face="Trebuchet MS" size="1"> Hier al je tekst in <B>Trebuchet MS</B>, <B>size 1</B>.<BR><BR> </FONT> <B><I><U> Dit is de goede volgorde voor bold, italic en underline! <BR><BR> Je begint namelijk met de bold tag en je eindigd met de bold tag. </U></I></B> <BR><BR> <CENTER> Deze tekst is gecentreerd! </CENTER> </BODY> </HTML> |
Sla het bestand gewoon eens op en bekijk het resultaat in je browser. Als je dit snapt kun je door gaan naar het volgende hoofdstuk.
Index
Hoofdstuk 1 - Hoofdstuk 2 - Hoofdstuk 3 - Hoofdstuk 4Hoofdstuk 5 - Hoofdstuk 6 - Hoofdstuk 7 - Hoofdstuk 8
Hoofdstuk 9 - Hoofdstuk 10
|
|