Nu wordt het ruig. Maar wel spannend.
Het Internet hangt van de links aan elkaar. Die links zorgen er nu juist voor dat een gebruiker van de ene naar de andere pagina kan komen. Die pagina's kunnen zowel binnen één website zijn, als op verschillende sites.
Tot nu toe bent u steeds op dezelfde pagina bezig geweest, die gestaag langer wordt. U bent een soort boekrol aan het maken, waarvan steeds een relatief kleiner gedeelte tegelijk zichtbaar is. Het is echter, vanaf een bepaald punt, veel handzamer, om die hoeveelheid tekst over meerdere pagina's te verdelen. (De vuistregel is zo'n beetje dat u maximaal drie schermlengtes zou moeten hebben per pagina, en anders uw betoog over meerdere pagina's moet verdelen. Dat komt overeen met ongeveer 1,5 kantje A4 in druk. Tegen deze regel wordt overigens nogal eens gezondigd.) U brengt dan verwijzingen aan (links geheten) die op te vatten zijn als de opdracht "als hier geklikt wordt, zoek dan de pagina waarnaar verwezen wordt en zet die op het scherm".
Zo'n link kan betrekking hebben op 3 soorten verwijzingen:
Laten we beginnen met de eerste situatie. Die kunt u gebruiken wanneer u een tamelijk lang document hebt, dat meerdere schermen in beslag neemt. Bijvoorbeeld een wetenschappelijk artikel van 8 kantjes tik, wat dus zo'n 16 tot 20 schermlengtes beslaat. Bovenaan staat een inhoudsopgave, eindigend met "conclusie". U wilt de gehaaste lezer in staat stellen om in één keer naar die conclusie te "springen". U begint dan met op die plek een "anker" aan te brengen. De tag daarvoor is "name" en de passende kreet is:
<A NAME="conclusie">Conclusie</A>
Voor de goede orde: die naam hoeft niet gelijk te zijn aan de tussenliggende tekst; u zoudt ook "Pietje Puk" kunnen gebruiken. Maar het lijkt wel zo helder om dat waar mogelijk gelijk te houden. U kunt op één pagina niet dezelfde naam twee keer gebruiken, maar u kunt wel dezelfde naam in verschillende pagina's hanteren. (Als u 6 artikelen hebt, allemaal eindigend met "conclusie", mag u best 6 keer het anker "conclusie" gebruiken.)
Nu u het anker aangebracht hebt, kunt u een verwijzing daar naar toe gaan maken. U zoudt dat in dit geval bovenaan in het document als volgt doen: <A HREF="#conclusie">naar de conclusie</A>. Let u even op het "hekje": dat is de instructie dat er naar een passage in een document gezocht moet worden, en in dit geval, gelet op de afwezigheid van tekst vóór dat hekje, binnen het huidige document. In normaal Nederlands luidt de opdracht: "zoek, in dit document, naar een gemarkeerd gedeelte geheten "conclusie" en spring daar naar toe."
Nu de tweede situatie. Dit is een zeer veel voorkomende: als u een website van 20 documenten hebt, hebt u minstens 19 links nodig, immers om van de index-pagina naar de 19 andere pagina's te komen. (En, in de praktijk, ook 19 om op een makkelijke wijze terug te komen. En ik laat dan buiten beschouwing dat u wellicht nog eens van document 7 naar document 13 wilt kunnen laten springen. Afijn, u zult merken dat u links blijft aanbrengen.)
Stel, u hebt op de index-pagina een verwijzing naar een pagina over uw postzegelverzameling. Ik ga er van uit dat alle pagina's in dezelfde directory staan (ik zou u dat in beginsel ook aanraden.) De syntax luidt dan als volgt:
Bekijk ook mijn <A HREF="postzegels.htm">postzegelverzameling</A>.
U zult merken dat het woord "postzegelverzameling" onderstreept wordt in de browser, en ook een afwijkende kleur heeft. (Welke kleur precies, hangt af van wat u zelf hebt opgegeven en/of van de instellingen van de browser. Dit klint wat wazig, maar dat is het ook. Laten we het er even op houden dat het voldoende is als het duidelijk herkenbaar is.) Wat u ook ziet: de muispijl verandert ter plaatste in een handje. Het effect: als er op geklikt wordt, gaat de browser op zoek naar een pagina met de naam "postzegels.htm"; als die gevonden wordt, komt die op het scherm. Wordt die niet gevonden, dan komt er uiteraard een foutmelding.
Als u in die postzegel-pagina een link terug naar de index-pagina wilt opnemen, zou die als volgt luiden:
<A HREF="index.htm">Terug naar de index</A>
(U mag de tussenliggende tekst ook simpelweg vervangen door "index" of "Home". Op de website van Normaal wordt de kreet "Noar Huus" gehanteerd.)
Als u naar een bepaalde locatie binnen een ander document wilt springen, combineert u beide overwijzingen. Om naar de conclusie van uw artikel nummer 6 te springen, geeft u op:
<A HREF="artikel6.htm#conclusie">naar artikel 6, conclusie</A>.
Tenslotte de derde situatie. Om naar een pagina "buiten de deur" te springen, hebt u (uiteraard) de preciese naam van die pagina nodig, plus een extra instructie aan de browser dat hij het Hypertext Transfer Protocol moet gebruiken. (Wat dat is, behoeft u verder niet te interesseren.) Stel, u wilt een link naar de kanarie-pagina van Kees de Vries opgeven, die net als u iets met die beesten heeft en wiens pagina u de moeite waard vindt:
Bekijk ook de kanarie-pagina van <A HREF="http://www.provider.nl/~kdevries/index.htm">Kees de Vries</A>!
Uiteraard dient u wel op te letten dat die link klopt: als Kees de Vries van provider A naar provider B verhuist, zult u zelf die link moeten aanpassen. (Er zijn programma's die dat voor u regelen, maar we werken hier tenslote met ellebogenstoom.) Overigens: het is niet ongebruikelijk hier een "gelijk oversteken" te hanteren: u zet een link naar Kees de Vries z'n site, en hij een link naar uw site.
Tot slot nog een veel voorkomende link. Als een pagina een behoorlijke lengte heeft, wil men nog wel eens bij wege van service een link naar de bovenkant maken, algemeen aangeduid als "top of page" of kortweg "top". Dit is dus, zoals u als gedacht had, een toepassing van de "name"-tag. Bovenin zet u een anker om het eerste woord dat op het scherm komt, met NAME="top". Helemaal onderaan de pagina zet u een link met als inhoud <A HREF="#top">Top</A>.
Tot nu toe hebben we de gelinkte pagina steeds in het bestaande venster laten neerzetten. Er zijn echter situaties waarin u er de voorkeur aan geeft, uw bestaande pagina intact te houden. De nieuwe pagina zou dan in een nieuw browser-venster vertoond moeten worden. (Dat zal met name bij links naar externe sites het geval zijn.)
Geen probleem. U breidt de tag uit met het attribuut TARGET="_blank". Dit wordt opgevat als "start nog een exemplaar van de browser op en zet de gevraagde pagina daar in". De totale opdracht luidt dan <A HREF="http://www.politie.nl" TARGET="_blank">Naar de officiële site van de Nederlandse politie</A>. (NB: let op de underscore! Als u gewoon "blank" neerzet, is het effect dat hij op zoek gaat naar een venster geheten "blank", wat hij dus niet vindt, en dan hangt het van het humeur van de browser af wat er gebeurt. Of een foutmelding, of hij zet de gezochte pagina gewoon ergens neer.)
We hebben het hier steeds over links naar HTML-bestanden. Dat is voor de hand liggend, aangezien dat nu eenmaal de opmaaktaal van webpagina's is. Maar er kunnen zich situaties voordoen waarin u uw bezoeker toegang wilt geven tot documenten in andere bestandsformaten. (U hebt een heel archief aan Word-bestanden, en u hebt geen zin om dat allemaal naar HTML om te bouwen, of zo.) Dan kunt u dezelfde tag als hier beschreven gebruiken:
<A HREF="document1.doc">document1.doc</A>
In dat geval raadpleegt de computer van uw bezoeker zijn lijstje met "welk programma hoort bij welk bestandsformaat", en gebruikt dat om dit bestand mee te openen. Dat werkt, als het een beetje meezit, ook bij andere bestandformaten. Twee opmerkingen echter: (a) als dat programma niet gevonden wordt, werkt deze grap dus niet, terwijl HTML altijd werkt -tenzij uw bezoeker geen browser heeft, maar dan is hij geen bezoeker; (b) realiseert u zich bij Word-documenten dat die vervolgens door de bezoeker bewerkt kunnen worden. De "betrouwbaarheid" is dus niet verzekerd.
Punt 1. Zo langzamerhand is uw pagina best wel lang geworden. Brengt u dus onderaan zo'n link naar de bovenkant aan.
Punt 2. Maakt u een geheel nieuwe pagina geheten bestuur.htm. U gaat daar zo meteen wat biografische details over de bestuursleden op vermelden, voorlopig kunt u zich beperken tot een kop met "Bestuursleden". Op de index-pagina brengt u een link aan met als zichtbare tekst "Onze bestuursleden stellen zich voor" en met de vereiste code. NB: breng op die pagina met bestuursleden een link aan, terug naar de Indexpagina.
Punt 3. Diverse leden hebben iets met de Triumph Spitfire. Het lijkt derhalve nuttig een link naar de Spitfire Club Nederland aan te brengen. Hun website is te bereiken op het adres "www.hunprovider.net/clubs/spitfire/". Voeg de link toe.
Punt 4. Variant op de vorige opdracht: als u over een "real life" Internet-aansluiting beschikt, kunt u ok kijken of u een "serieuze" link kunt aanbrengen. De webadressen van autofabrieken kunt u van billboards afhalen. Legt u dus een link naar uw favoriete autofabriek. Suggestie: www.skoda-auto.nl (maar kijkt u zelf maar).
U kunt nu naar Centreren en strepen.