Les 2
Een witte achtergrond kan redelijk saai zijn. We gaan nu de kleur aanpassen van de achtergrond, dit doe je met de tag bgcolor. Je zet deze achter BODY tussen de haakjes. Bij het gebruik van de kleur gebruik je een code. Deze code is hexadecimaal. Op deze website staan de kleurcodes. In plaats van de kleurcodes kan je ook bijvoorbeeld blue of red gebruiken. Je kan dus de engelse benamingen van kleuren gebruiken, maar hierin zijn weinig keuzes. Achter BGCOLOR zet je het = teken. De kleur zet je tussen aanhalingstekens.
|
Nu kunnen we gaan beginnen met de werkelijke opbouw van de website. We gaan nu tekst plaatsen in de website. Het leuke hiervan is dat er helemaal geen tag nodig is. En toch verschijnt het. Tussen de BODY tags typ je: Welkom op mijn eerste website.
|
Sla het bestand op en bekijk het in je webbrowser. Je ziet nu dat links bovenin “Welkom op mijn eerste website” staat.
De letters zijn nu erg klein en saai voor een welkoms tekst. We gaan eerst de tekst centreren naar het midden van het scherm. Typ voor de tekst <CENTER> en na de tekst </CENTER>
De code ziet er nu als volgt uit:
|
Als je het bestand nu opslaat en het in je webbrowser opent, dan zie je dat de tekst gecentreerd staat.
We gaan nu de tekst opmaken. Dus groter en met een andere kleur. We kiezen voor de rode kleur. Als je tekst wil opmaken, dan gebruik je het commando’s <FONT>. Na de tekst zet je </FONT>. Je geeft aan dat er nu iets met de tekst moet gebeuren. Maar nog niet specifiek wat. Nu zet je in de eerste tag wat de bedoeling is. Dat gaat als volgt: <FONT SIZE=”3” COLOR=”red”> Je begrijpt denk ik al dat SIZE de grootte is en COLOR de kleur. De kleur zet je tussen aanhalingstekens. Vergeet deze aanhalingstekens niet, anders werkt de code niet. De code ziet er nu zo uit.
|
Controleer het zoals je gewend ben.
Een Enter maak je met de BR element. HET commando is dus <BR> . Als je dus 2 keer <BR /> achter elkaar zet, dan is dat 2 keer enter. We voegen nu een kleine zin toe. Let op, de code wordt nu al wat ingewikkelder.
|
We gaan nu een plaatje onder de tekst zetten. Maak in de map website een nieuwe map genaamd "plaatjes" aan. Zet in deze map de afbeelding "adelaar.jpg". Dit is de onderstaande afbeelding.
Een afbeelding plaatsen doe je met het commando <IMG SRC=”./plaatjes/adelaar.jpg”>. Als je een map hoger wilt, dan gebruik je: ./
|
Je kunt het op de gebruikelijke manier testen. Je ziet dat het plaatje van de adelaar onder de tekst staat.
Omdat je gek bent van vogels gaan we onder het plaatje van de adelaar een link zetten naar de website van de vogelbescherming. De website is http://www.vogelbescherming.nl/ . (Dit gebruiken we natuurlijk als voorbeeld). Een link maak je als volgt. <A HREF=”http://www.vogelbescherming.nl”>Bescherm deze vogel</A> . Je ziet dat de tekst tussen de link en het einde komt.
|