Menu 

> Begin

> Animaties


 

 Meer 

> Avatars

> Smilies

> M-Cards

> Themes

> GSM wallpapers

> Diddle plaatjes

> Scripts

> Games

> Cursus html

> Contact

 

 

 Advertenties 
 


 

  Animatiegifjes.stophier.nl alles voor de webmaster !!

Werken Met Fonts

Met de FONT tag kun je de lettergrootte en het lettertype van een bepaald stuk tekst aanpassen. De FONT tag is vrij makkelijk in gebruik.

Lettergrootte aanpassen

Zoals je al gezien hebt, kun je de lettergrootte aanpassen met Headings. Deze zijn echter vooral bedoeld als koptekst.

Als je de lettergrootte van een ander stuk tekst op je pagina wilt aanpassen doe je dit met de FONT tag.
Je voegt hier dan het attribuut size aan toe en een waarde met een getal van 1 tot 7, waarbij 1 de kleinste letter oplevert en 7 de grootste.
De waarde 3 komt overeen met de basislettergrootte. De eindtag is </FONT>.

Een voorbeeld tag:

<FONT size="6">Zo krijg je lettergrootte 6</FONT>

RESULTAAT:

Zo krijg je lettergrootte 6

De bovenstaande waarden zijn absolute waarden. Je kunt ook met relatieve waarden werken. Dit doe je door met de + en - tekens te werken. +3 is dan de grootste letter en -3 maakt de kleinste letter.

De waarden die je dan opgeeft, geven de wijziging aan t.o.v. de basislettergrootte op je pagina. De relatieve waarden plaats je tussen aanhalingstekens.

Een voorbeeld van het aanpassen van de tekstgrootte d.m.v. een relatieve waarde:

<FONT size="+2">Zo wordt de tekst met twee verhoogd t.o.v. de basislettergrootte</FONT>

RESULTAAT:

Zo wordt de tekst met twee verhoogd t.o.v. de basislettergrootte


Lettertype aanpassen

Net zoals je de lettergrootte van ieder stuk tekst op je pagina kunt aanpassen, kun je ook het lettertype veranderen.
Dit doe je weer met de FONT tag, maar nu gebruik je het attribuut face.

Je moet als waarde een bepaald lettertype opgeven. Een paar bekende lettertypen zijn: Verdana, Arial, Courier.

Je kunt ook meerdere lettertypen opgeven, achter elkaar, gescheiden door een komma. Als dan het eerstgenoemde lettertype niet ondersteund wordt door het systeem van de gebruiker, dan wordt het tweede lettertype gebruikt, als het tweede ook niet ondersteund wordt, het derde, etc.
Je zet de lettertypen tussen aanhalingstekens.

Een voorbeeld:

<FONT face="Verdana, Arial, Courier"> Zo stel je het lettertype van deze tekst in op Verdana, niet ondersteund? Dan Arial en tenslotte Courier</FONT>

RESULTAAT:

Je ziet dat het lettertype veranderd is. Eerste keus is hier Verdana, daarna Arial en Courier.

Tekstkleur Veranderen

Een derde attribuut van de FONT tag is: color.
Hiermee kan je de kleur van een bepaald stuk tekst veranderen.

Als waarde moet je een bepaalde kleur opgeven. Dit kun je doen met kleurnamen, zoals: yellow, green, blue of door middel van RGB waarden.
Voor een overzicht van webkleuren en RGB waarden, hier klikken!

Een voorbeeld van het werken met het color attribuut:

<FONT color="Red"> Zo stel je de kleur van dit tekstdeel in op rood.</FONT>

RESULTAAT:

Je ziet dat de tekst nu rood gekleurd is.

Alles Samen Nu

Goed, je hebt nu drie attributen van de tag FONT gezien.

Wat nu als je de lettergrootte en het lettertype wilt veranderen? Of zelfs lettergrootte, lettertype en tekstkleur?
Is het dan nodig iedere keer de FONT tag te gebruiken met n attribuut, dan de tag weer te sluiten en dat dan twee of zelfs drie keer te herhalen?
Het antwoord is nee.
Je kunt de attributen namelijk achter elkaar zetten in de FONT tag.

Een voorbeeld van drie attributen in n FONT tag:

<FONT size="4" face="Arial" color="Red">Nu krijg je dus lettergrootte 4, met lettertype Arial in de kleur rood met n FONT tag.</FONT>

RESULTAAT:

Lettergrootte 4, lettertype Arial in de tekstkleur rood.


Einde Les Drie

In deze les kwam het werken met fonts aan de orde.
Je hebt geleerd te werken met de attributen size, face, en color. Dit geeft je veel mogelijkheden om je tekst naar eigen smaak aan te passen.
Het wordt nu tijd door te gaan naar de volgende les.

 

 

 

 Linkpartners 
Gifs.nl
Animatieplaatjes.nl
Animatiesite.nl
Bewegende Plaatjes

 

 
2007 © copyright stophier.nl en partners


 

 

hier vind je van alles voor je website, animatieplaatjes, winks voor msn, muggins, achtergronden, dynamische achtergronden, dynamische schermafbeeldingen, emoticons, bewegende plaatjes voor msn, foto's, packs,  msn plaatjes, leuke plaatjes, gratis, plaatjes, animatiegifjes, gifplaatjes, cliparts, gifs, gifjes, animatie, animaties, plaatjes, bewegendeplaatjes, afbeeldingen, mini movies, animatiegifs, animated, kerst plaatjes, kerst emoticons, kerst gifjes, kerstplaatjes, emoticons, msn, avatars, knoppen, jpeg, gif, emailgifs, valentijn, photoshop, html hulp, website hulp, games, online games, php, website, frontpage, dhtml, cgi, css, homepage, internet, schnappi wallpapers, schnappi, diddl plaatjes, pokemon plaatjes, money, drop, chips, beroemd, artiesten, babes, regenboog, sesamstraat, winnie the pooh, kauwgom, olifanten, diamanten, gefeliciteerd, mobiel, gsm, cupido, ezels, straaljagers, vliegtuigen, leger, army, uilen, lieveheersbeestje, stophier, grappige plaatjes, emoticons, schnappi, vraagtekens, hartjes, wietblaadje, wiet plaatjes, astma, disney, katten, carnival, paarden, glitter, blade trinity, roller, rollerskates, snow, fantasy, vuurwerk, javascript, download, poll, opa, knoppen, frontpage,  oma, vader, moeder, pimboli, ogen, vingers, oren, haren, kam, borstel, shampoo, douche, poppetjes, artikelen, jpeg, zeehonden, voetbal, klokken, neon, merken, vuur, wiskunde, hulpmiddelen, lijnen, turnen, gymnastiek, strand, zee, palmen, reizen, baby, kinderen, skateboarden, auto, m-cards, wallpapers, themes, rugby, tips, trucs, beltoon, badminton, zeehonden, wapens, waterval, beltonen, mini movies, true tones, wallpapers, screensavers, monofoon, polyfoon, anoniem sms, bijbel, feest, zwanger, hamsters, kappers, vuurwerk, firework, disco, yahoo, free, create avatar, anime, high, neopets, letters, wereldbol, nieuw, new, jarig, pinkpanter, skeletten, doodskop, skelet, poll, international, chat, kerst, love, nl, pagina, romantische plaatjes, hardcore, naam, beren, groeps sms, rozen, ridders, icoontjes, slapen, opstaan, bed, wekker, kaars, koffie, melk, dressuur, downloads, icon, generator, gekke, sneeuw, sint nicolaas, bloemen, tiener, lonsdale, treiter sms, gsm, chipz plaatje, dynamo, id, cu2, webmaster, frontpage, links, tips, truuks, html, popup, frames, comic, mms, outlook, logo, ringtone, polyph, inuyasha, avatarmagic, evil,  avatar maker, contest, gaia, secret, puma, games, pop, up, popup, pop-up, window, java, java script,messenger, javascript, javascripts, html, lessen, tutorials, gratis, PHP, ASP, MSQL, MySQL, SQL, PHP, wallpapers, bewegende msn plaatjes,stophier gifs, movie, kappers, rozen,  film, bioscoop,  avatars, bewegende avatars,  Animaties, bewegende plaatjes, afbeeldingen, fantasy, welkom, humor, msn, vieze, cadeautjes, animatieplaatjes, gifplaatjes,  smilies, smileys, adelaars, animaties, patat, snacks, kroket, limonade, koelkast, pen, monitor, muis, kabels, stoep, straat, stranden, palmen, dobberen, luchtband, brood, champagne, aansteker, sigaretten, pucca, shag, animatieplaatjes, graphics, art, bewegende plaatjes, avatars, bewegende avatars, babyplaatjes, barby, barbie, picture, boten, anne geddes, badminton, baby, badkamer, icon, buddy,  lasergun, millitair, licht, merken, beeldvenster, beren, gitaren, jip en janneke, kabouters, naam animaties, animaties alfabet, zwanger, spel, honden, icoontjes, achtergronden, tekst, aim smileys, ridders, emoticons,  sexy, snoopy, bijen, ballen, bloemen, boerderij, bomen, clowns, dakpannen, computer, hartjes, zonnebloem, zwaailichten, korfbal, manga, winter, wit zwart, sexy, waterval, buro, dc shoes, sports, pic, bureau, aladdin, bier, wijn, animaties polly, dhtml script, dieren, alcohol, drank, drinkbekers, babys, auto, auto's, fietsen, fiets, files, ambulance, diversen, dobbelstenen, draken, editors, email, eten en drinken, adult,  eyoor, favicon, feest, feestdagen, flowerpower, napoleon, girl, kalki, rate, press, doll maker, help,  fruit, vraagtekens,  live, journal, cute, music,  garfield, gastenboek, gereedschap, giraffen, giraf, groot, hotdog, elfjes, engeltjes, info, hello_kitty, honden, hotdog, htlm cursus, html tekens, pirate, car,  ijsje, ijsjes, insecten, insect, junglebook, jungle boek, button, gezichten, mensen, dvd, audio, dvdspeler, radio, tv, boxen, camera, rekenmachine, plakband, batterij, petje, laptop, kinderen, animated, moving, reptielen, pijlen, pizza, regen, wind, tornado, storm, neerslag,  toetsenbord, poster, stopkontakt, scanner, kerstmis, weerplaatje, stoel, sokken, broek, crying, huilen, trui, nagels, printer, rolstoel, rollator, scootmobiel, zaklamp, tent, vakantie, reizen, bungalow, caravan, spaarpot, pop, doll, lamp, bank, vloer, planken, timmerman, beroep, metselaar, verkoper, kantoor, 3d plaatjes, tattoo, stoplicht, bouwvakker, ambtenaar,  nijntje, tijgers, indianen, xxx, liefdes, verjaardag, haaien, harry potter, beweegende, ajax, fijenoord, vitesse, utrecht, amsterdam, katten, kerst, keuken, kinderen, kippen, tennis, kleuren, klokken, knorretje, koeien, koe, koffie en thee, konijnen, kungfu, globes, ijs, liefde, lion king, looney tunes, luchtballonnen, maanden, man en vrouw, mensen, mickey mouse, monster, satelliet, schotel, kom, fyenoord, hamsters, diamanten, daimonds, food, nonfood, geschenken, antennes, gratis sex plaatjes,boerderij, cool, coca cola, monsters, muizen, muziek, dj, natuur, ogen, olifanten, paarden, paard, paddestoel, paddestoelen, partners, pasen, pinguin, duivel, devil, kiss, kus,  planeten, planeet, plant, planten, custom, jabber, pooh, poppetjes, redirect, rozen, schildpadden, metatag creator, hartjes, scrollbar, skateboard, sneeuwman, ferrari,  sneeuwpop, sneeuwpret, spijkerbed, sport, telefoon, telefoons, teller, tijgertje, troep, trouwen, tuinieren, uploaden, vakantie, valentijn, vervoer, vissen, vlaggen, vlinder, vogels, landen, water, strand, weblogo, ijsberen, welkom, werk, wormen, worm, ziekenhuis, zon, plaatjes voor mijn site, plaatjes voor een website, een website opvullen met plaatjes, en veel meer!!!