Een link maak je met <a href="…">. Achter href staat waar de link heen gaat, en tussen de tags de tekst waar je op klikt. Vergeet de </a> niet, anders wordt alles erna ook een link.
Een link naar een andere site
Zet het hele adres in href, met https:// ervoor. Een link naar een andere site opent vanzelf in een nieuw tabblad, zodat je bezoeker je profiel niet kwijtraakt. target="_blank" hoef je er dus niet bij te zetten. Met title verschijnt er een tekstje als je met de muis op de link staat.
Mijn favoriete site is <a href="https://nl.wikipedia.org" title="Een encyclopedie die iedereen kan aanvullen">Wikipedia</a>.Een link naar iets op deze site begint gewoon met een /, bijvoorbeeld <a href="/forum">het forum</a>. Die opent in hetzelfde tabblad.
Een link naar je andere pagina's
Met {pagina:2} link je naar je tweede pagina, en met {pagina:3} naar je derde. De site vult zelf het goede adres in. Staat die pagina offline of bestaat hij nog niet, dan gaat de link nergens heen.
<a href="{pagina:1}">Over mij</a> | <a href="{pagina:2}">Mijn vrienden</a> | <a href="{pagina:3}">Songteksten</a>Een link naar een plek op je pagina
Is je pagina lang, dan kun je bovenaan een lijstje maken waarmee je bezoeker meteen naar een stuk verder op de pagina springt. Dat heet een anker.
- Geef de plek een naam:
<a name="hobby"></a>, of zetid="hobby"op een kopje. - Link ernaar met een
#voor de naam:<a href="#hobby">.
Gebruik voor de naam alleen letters, cijfers en streepjes, zonder spaties.
<a name="boven"></a>
<p><a href="#hobby">Mijn hobby's</a> | <a href="#muziek">Mijn muziek</a></p>
<h3 id="hobby">Mijn hobby's</h3>
<p>Dansen, tekenen en heel veel kletsen.</p>
<h3 id="muziek">Mijn muziek</h3>
<p>Alles wat vrolijk is.</p>
<p><a href="#boven">Naar boven</a></p>Een plaatje als link
Zet het plaatje tussen <a> en </a>. Schrijf in de alt waar de link heen gaat, want dat is dan de naam van de link voor wie het plaatje niet ziet.
<a href="{pagina:2}"><img src="/assets/profielhulp/tekens/pijl.png" alt="Naar pagina 2"></a> <a href="{pagina:2}">Lees verder</a>
Links een eigen kleur geven
Met een stukje CSS geef je je links een kleur, en een andere kleur als je muis erop staat (:hover). Meer over CSS lees je in Eigen CSS.
<style>
a { color: #c2185b; }
a:hover { color: #7048e8; text-decoration: none; }
</style>
<a href="/leden">Bekijk de andere leden</a>Een maillink kan niet
<a href="mailto:ik@voorbeeld.nl">Mail me!</a>Wil je dat mensen je iets kunnen sturen? Leden sturen je een bericht met de knop Bericht bovenaan je profiel, of laten iets achter bij Berichten. Links met javascript: gaan er ook uit.