 |
| ~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 7 : Links
Op bijna elke pagina staat wel een link, waarop je kunt klikken, om zo naar een andere pagina te gaan. Net zoals de links onderaan de pagina's van de afgelopen lessen, waar je op geklikt hebt om naar de volgende les te gaan.
Laat ik maar meteen de tag voor een link geven. Die is namelijk als volgt :
<A HREF="URL">omschrijving</A>
Van deze tag zal alleen de omschrijving zichtbaar worden.
Neem het volgende maar over naar test.htm en probeer het maar eens.
|
<HTML> <HEAD> <TITLE>Mijn eerste pagina</TITLE> </HEAD> <BODY BGCOLOR="#OOOOOO"> <P><A HREF="http://www.altavista.com">Alta Vista</A></P> <P><A HREF="http://www.ilse.nl">Ilse</A></P> </BODY> </HTML> |
Zo maak je dus links.
Om links op te laten vallen kunnen we ze een andere kleur geven. Dit doen we door wat extra opdrachten in de <BODY> tag te zetten.
- LINK="kleur/code" - geeft de kleur van een link aan
- ALINK="kleur/code" - geeft de kleur van een actieve link aan. Dus de link waar je op hebt geklikt om te zien wat je op dat moment ziet. Beetje vaag mischien, maar dat merk je wel je met frames ( Les 10 ) gaat werken.
- VLINK="kleur/code" - geeft de kleur aan van de links die al eens aangeklikt hebt.
Hieronder staat een voorbeeldje hoe je het bovenstaande in je pagina kunt verwerken. Let maar niet te veel op de effecten van de ALINK, want die zijn er, zoals eerder gezegd, nog niet echt.
|
<HTML> <HEAD> <TITLE>Mijn eerste pagina</TITLE> </HEAD> <BODY BGCOLOR="#OOOOOO" LINK="#00FF00" ALINK="#800080" VLINK"#FF0000"> <P><A HREF="http://www.altavista.com">Alta Vista</A></P> <P><A HREF="http://www.ilse.nl">Ilse</A></P> </BODY> </HTML> |
Dat was dan voorlopig even alles wat je moet weten over links.
url
het adres. Het internet adres. De URL van Webles is bijvoorbeeld : http://www.webles.nl.