HTML Linkit - kuvat linkkeinä
On yleistä käyttää kuvia linkkeinä:
Esimerkki
<a href="index.html">
<img src="smiley.gif" alt="HTML ohje" style="width:42px;height:42px;border:0">
</a>
 |
border:0 on lisätty estämään IE9 (ja aikaisemmat) näyttämästä reunusta kuvan ympärillä. |
|---|
HTML Linkit - Tee kirjainmerkkejä
HTML kirjainmerkit auttavat kävijää liikkumaan nettisivullasi haluttuun osaan.
Ne ovat erittäin käteviä jos nettisivullasi on paljon tekstiä.
Tehdäksesi kirjainmerkin, tee kirjainmerkki ensin, sitten vasta linkitys.
Kun linkkiä klikataan, sivu skrollautuu automaattisesti haluttuun kohtaan.
Esimerkki
Ensin tee kirjainmerkki jossa on id atribuutti:
<h2 id="tips">Hyviä ohjeita osio</h2>
Sitten, lisää linkki kirjainmerkkiin ("Hyviä ohjeita osio"), samalle sivulle:
<a href="#tips">Mene kohtaan Hyviä ohjeita osio</a>
Tai, lisää linkki kirjainmerkkiin ("Hyviä ohjeita osio"), toiselta sivulta:
Esimerkki
<a href="html_tips.html#tips">Mene kohtaan Hyviä ohjeita osio</a>