html basic - de cursus voor beginners


~HTML basic
   ~Wat is html ?
   ~Over tags
   ~Stijl tags
   ~Plaatsings tags
   ~Letter tags
   ~Kleuren tags
   ~Links
   ~Plaatjes
   ~Tabellen
   ~En verder

~Forum
~Downloads
~Links
~Referenties
~Disclaimer
~Feedback

 

 


Les 5 : Letter tags

Je hebt waarschijnlijk wel gezien dat de tekst in je browser steeds hetzelfde is. Omdat je namelijk geen lettertype of lettergrootte hebt aangegeven gebruikt de browser de standaardwaarden.

Het lettertype kun je op de volgende manier aangeven :

Plaats de <FONT> tag voor het tekstgedeelte waarvan je het lettertype wilt veranderen. Plaats in de <FONT> tag de volgende woorden : FACE="lettertype". Sluit vervolgens de tag af d.m.v. </FONT>. Alle tekst binnen de tags zal in jouw lettertype verschijnen. Kopieer het onderstaande maar weer naar test.htm en bekijk het resultaat in je browser ;

<HTML>

<HEAD>

<TITLE>Mijn eerste pagina</TITLE>

</HEAD>

<BODY>

Standaard ziet de tekst er zo uit.<BR>

<FONT FACE="ARIAL">Arial is één van de meest voorkomende lettertypes.</FONT><BR>

<FONT FACE="VERDANA">Ook Verdana komt nog al eens voor.....</FONT><BR>

<P>Zo kan ik nog wel even doorgaan, maar ik denk dat je het idee wel snapt.</P>

</BODY>

</HTML>

Zo zijn er honderden, waarschijnlijk wel duizenden, verschillende lettertypen. De lettertypen kun je gewoon uit het lettertype overzicht van Word overnemen.

Let op ! Je doet er echter verstandig aan om meerdere lettertypen aan te geven, voor het geval dat een browser jouw lettertype niet herkent. Dan pakt hij vanzelf het tweede. Dat ziet er dan als volgt uit ;

<FONT FACE="VERDANA, ARIAL, HELVETICA, SANS-SERIF">Jouw tekst.</FONT>

Ok ?

Mooi !

Dan nu de lettergrootte. Die kun je op 2 manieren aangeven. Omdat we het net over de <FONT> tag hebben gehad, zal ik met die manier beginnen. Door middel van SIZE="grootte" in de tag te plaatsen verander je de grootte. De SIZE kan een waarde aannemen van -6 tot +6, waarbij 0 de standaardgrootte is.

Het voorbeeld krijg je nadat ik de tweede manier heb uitgelegd.

De tweede manier is namelijk de <H> tag. De H wordt, zonder spatie, direct gevolgd door een waarde. Bij de oudere browsers kan die waarde 1 tot 6 zijn. In de nieuwere versies loopt dat volgens mij tot de 8 op.

Kopieer het onderstaande voorbeeld maar weer naar test.htm om het resultaat te bekijken.

<HTML>

<HEAD>

<TITLE>Mijn eerste pagina</TITLE>

</HEAD>

<BODY>

Standaard ziet de tekst er zo uit.<BR>

<FONT SIZE="-6">Size = - 6</FONT><BR>

<FONT SIZE="-2">Size = - 2</FONT><BR>

<FONT SIZE="+2">Size = + 2</FONT><BR>

<FONT SIZE="+6">Size = + 6</FONT><BR>

<H6>H6</H6><BR>

<H3>H3</H3><BR>

<H1>H1</H1><BR>

</BODY>

</HTML>

Je kunt in een <FONT> tag ook beide kenmerken, FACE en SIZE, tegelijk aangeven.

<HTML>

<HEAD>

<TITLE>Mijn eerste pagina</TITLE>

</HEAD>

<BODY>

<FONT FACE="ARIAL,VERDANA" SIZE="+2">Zie je ??</FONT>

</BODY>

</HTML>

Hmm...dat waren zo ongeveer de lettertags wel....laten we maar naar de volgende les gaan.....kleuren.

Naar les 6


lettertype
Hier wat standaard lettertypes, zoals deze in Dreamweaver voorkomen ;

Arial
Times
Courier New
Georgia
Verdana

webles © 2000-2002 kopalis