Kersteditie 2009 - HTML-cursus
Deze rubriek is geschreven door Kloep!
In deze rubriek maken we gebruik van het programma Notepad++ en Firefox. Hierdoor kunnen er kleine verschillen zijn in je eigen situatie. In sommige gevallen geeft Firefox de codes anders weer als bijvoorbeeld Internet Explorer of Netscape. Veel plezier met deze nieuwe rubriek!
Welkom bij les nummer 8. Deze week houden we ons bezig met Links. Dit onderdeel bestaat uit twee onderdelen. Veel plezier met lezen!
Externe link maken
In HTML gaat dat op een andere manier, onderstaan zie je hoe:
Zoals je ziet, gebruik je dus het A element, met het bijbehorende HREF attribuut. Hierin gebruik je de link als waarde. Zoals gewoonlijk sluiten we ook weer af met een gewone afsluitende tag.
Interne link maken
Hij gaat nu zoeken naar een bestand wat heet 'index.html'. Dit bestand gaat hij alleen zoeken in dezelfde map als waar het bestand staat waar de betreffende link inzit. Mocht je eerst een map terugwillen, om vervolgens in een andere map te gaan, moet je gebruik maken van puntjes. Onderstaand een voorbeeldcode:
In dit voorbeeld is dus duidelijk dat er eerst een map terug wordt gegaan, en vervolgens gezocht word naar 'index.html' in de map 'site'.
Ankers
Als je een anker gebruikt, heb je twee codes nodig. De eerste code gebruik je op de plek waar je naartoe wilt linken in je pagina. Hieronder een voorbeeld:
Hierin hebben we dus wederom het A element gebruikt, maar met een ander attribuut. De vorige keer gebruikte we HREF, dit was om een link aan te geven. Nu hadden we het over de naam van het anker, en gebruiken we dus NAME.
Op de plek waar je de link neer wilt zetten, gebruik je onderstaande code:
Hierbij gebruik je dus weer het HREF attribuut, omdat je weer een link erin zet. Voor de naam van een anker komt automatisch een '#' te staan zodra je de naam aangeeft met het NAME attribuut. Deze hoef je niet aan te geven bij het NAME attribuut, maar dit moet wel bij het HREF attribuut.
Het is ook mogelijk vanuit een pagina door te linken naar een anker op een andere pagina. Dit gaat dan als volgt:
Je gebruikt dan dus gewoon de link naar de pagina, met daarachter de naam van je anker (met het '#' teken ervoor).
In sommige situaties weet je misschien niet hoe het anker heet van de pagina van een andere website. Je kunt dan helemaal in de broncode gaan zoeken, maar je kunt dat ook veel handiger doen. Je klikt gewoon op het anker, en je word daar dan dus naartoe gelinkt. Vervolgens kijk je in je adresbalk, en zie je de directe link naar het betreffende anker. Dit scheelt je weer een hoop zoekwerk in de broncode van de ander. Denk er ook wel aan: een anker die onderaan de pagina staat, wordt niet altijd mooi bovenaan de pagina weergegeven. Deze word dan ergens in het midden weergegeven, en dat kan dus soms tot verwarring leiden.
En dat was les nummer 8. Volgende keer komt les 9, hierin gaan we verder met de Links. Hopelijk tot de volgende keer!
0 reacties
Recommended Comments
Er zijn geen reacties om weer te geven.