Nu online:
 
Poll

Wat vind je van WebHTML.nl?


Slecht!
Matig
Gaat wel
Handig
Fantastisch!



 
Web HTML
 
Doneer
 
 
Stap 2 - <body> tag en kleurencodes

De <body> tag

Nu wordt de <body> tag toegevoegd aan ons stukje HTML:

<html>
<head>
<title>Mijn Homepage</title>
</head>
<body>
</body>
</html>

Tussen de <body> tags wordt alle informatie geplaatst die wel zichtbaar in het scherm van de browser zal verschijnen.

Kleuren...

Eerst moeten we bedenken welke achtergrondkleur we de pagina willen geven en welke kleur tekst. De achtergrondkleur en de tekstkleur kunnen we in de <body> tag al aangeven, zodat ze gelden voor het hele document. Nu is het duidelijk dat HTML een taal van codes is en dat geldt dus ook voor de kleuren. Iedere kleur heeft zijn eigen code bestaande uit zes cijfers en/of letters met een # ervoor. Als je een geschikte kleur wilt zoeken, klik dan hier om je eigen kleur te zoeken met de bijbehorende kleurcode. Eerst plaatsen we de achtergrondkleur (bijvoorbeeld rood, oftewel kleurcode #FF0000) in de <body> tag:

<body bgcolor="#FF0000">

De code "bgcolor" staat natuurlijk voor backgroundcolor. Wil je echt niet aan de codes, dan kun je er ook voor kiezen ้้n van de standaardkleuren te nemen. De browser kent namelijk een aantal kleuren gewoon bij naam, zij het in het engels. In plaats van de kleurcode #FF0000 voor rood kun je dan dus ook "red" gebruiken. In de tag ziet dat er dan zo uit:

<body bgcolor="red">

Zo kunnen we ook de tekstkleur van je pagina vastleggen. Gebruik de volgende tag:

<body bgcolor="#FF0000" text="#000000">

...als voorbeeld voor zwarte tekst (#000000). In de <body> tag ziet het geheel er nu zo uit:

<html>
<head>
<title>Mijn Homepage</title>
</head>
<body bgcolor="#FF0000" text="#000000">
</body>
</html>

Op de tags-pagina vind je tags om ook de tekst van links op je pagina een eigen kleur te geven om ze goed te kunnen onderscheiden van de overige tekst. Links zijn verwijzingen naar andere pagina's op je site of naar een andere website. Als iemand op een link klikt wordt de nieuwe pagina of site geopend. Ook vind je hier de codes om in plaats van een achtergrondkleur, een afbeelding als achtergrond weer te geven.

Okee, door naar stap 3 van 7

1    2    3    4    5    6    7

| top |

 
 
 
 
Main  | Intro  | Wat is HTML?  | Bouw je site  | HTML tags |
Kleuren  | Woordenboek  | Symbolen  | Gadgets  | Links  | Contact |
 
 
 
 
© 2003  WebHTML.nl - Onderdeel van Cesarsite.com