|
|
Les 6: Links
Nu heb je een beetje met tekst en plaatjes kunnen spelen, maar de pagina begint een beetje onoverzichtelijk te worden. Daarom gaan we een paar links aanleggen naar andere delen van je pagina. Maar wat is een link nou eigenlijk? Een link verteld de computer, dat als je daar op klikt je naar een andere site gebracht moet worden. De pagina waar je naar linkt wordt dus volautomatisch geopent. Deze links kun je natuurlijk ook gebruiken om naar andere sites te linken, maar daar kom ik later in deze les op terug.
Eerst moet je de computer vertellen dat er een link aankomt. Dit doe je door te openen met <a href=""> en weer te sluiten met </a>. Tussen de " en " komt de source te staan ( bijvoorbeeld C:\Homepage\pagina2.html). Vervolgens zet je tussen <a href=""> en </a> de tekst van de link. Je krijgt dan bijvoorbeeld: <a href="pagina2.html">Je hoeft hier niet te klikken, je komt hier weer terug</a>.
Vervolgens kun je de computer nog vertellen hoe de pagina geopend moet worden. Standaard staat ingesteld dat de pagina in dezelfde pagina geladen wordt. Geef tussen <a href="" en > een spatie en tik in: target="_blank" . Dit zorgt ervoor dat de pagina in een nieuw scherm wordt geladen. Probeer het hier. Als je frames gebruikt is het ook erg handig, omdat je dan in een deel van de pagina kunt laden. Hierover vind je later in de cursus meer, samen met de uitleg van frames.
Nu kun je een link maken naar een pagina. Maar je wilt natuurlijk ook kunnen linken naar een e-mail adres. Om dit te kunnen doen moet je het volgende intikken: <a href="mailto:[email protected]">e-mail</a>. Probeer het maar eens uit. Je kunt er ook voor zorgen dat het onderwerp en ( een deel) van de inhoud al is ingevuld. Dit doe je door <a href="mailto:[email protected]?subject=ONDERWERP &body=HIER JE TEXT>E-mail</a>. Probeer maar eens uit.
Er is nog een optie. Namelijk een link maken naar een deel van je pagina. Het wordt ook wel een bladwijzer genoemd. Dit wordt bijvoorbeeld gebrukt om naar boven te gaan. Klik hier maar eens.
Je zag dat je naar boven ging. Wat ik heb gedaan is een anker maken. Dat zorgt ervoor dat je naar het deel van de pagina gaat waat het anker verborgen zit. De tag is <a href="#anker1">je link</a>. Ergens in de tekst zet je dan <a name="anker1">de plaats waar je heen wilt</a>. Het voordeel is dat de bezoeker niet hoeft te zoeken en dat het woord waar het naartoeverwijst niet onderstreept wordt.
Tenslotte kun je nog naar een file linken als je bijvoorbeeld iets op je site wilt zetten dat te downloaden is. Je begint gewoon weer met <a href=" en dan tik je de naam van de file in ( bijvoorbeeld C:\files\file.exe). Het wordt automatisch gedownload als je het aanklikt. Je krijgt dan bijvoorbeeld <a href="c:\files\file.exe">Klik hier</a>.
Je bent hier klaar. Je kunt nu verder naar Les 7: Tabellen.
|
