Standard med billede:
<a href="mailto:bettina@email.dk"><img
src="email.gif"></a> - 
Velkommen · Introduktion til HTML · Standard
· Formattering af tekst
Farver · Punktopstilling
· Linier · Links · Grafik · Specielle funktioner · JavaScript · Tæller
Links
Andres web-sider · Egne web-sider · Web-sider med rammer · E-mail adresse · Bogmærker
Links er smutveje til dine egne web-sider eller andres web-sider. Det kan også være
genveje til andre steder på samme web-side - også kaldet bogmærker.
Du kan bruge følgende metode henvisninger/smutveje til andres web-sider, men du kan også bruge den til dine egne web-sider.
<a href="http://www.cybercity.dk">Cybercity</a>
- Dette er f.eks. en henvisning til Cybercity
Du kan henvise til dine egne web-sider som i eksemplet ovenfor, men der er også en smartere måde. Hvis filen/web-siden ligger i samme bibliotek/index på Internettet, kan du nøjes med at skrive navnet på filen. Ligger filen derimod i et andet bibliotek, kan du bruge en af metoderne herunder.
| <a href="http://www.cybercity.dk">Skriv en tekst</a> | Hele stien for web-siden |
| <a href="home.html">Skriv en tekst</a> | Web-siden ligger i samme bibliotek som den aktive web-side |
| <a href="../home.html">Skriv en tekst</a> | ../ betyder, at du går et bibliotek tilbage |
| <a href="../manual/home.html">Skriv en tekst</a> | Du går nu et bibliotek tilbage og ind i et andet bibliotek |
Erstat den røde tekst med dine egne links.
Du bør som en regel altid tilføje koden target="_top" i dine links. Mine web-sider er lavet med rammer (den kolonne ude til venstre), og hvis jeg ikke skriver koden target="_top" ind i mine links, vil min ramme stadig kunne ses på andres web-sider. Det er ikke særlig smart, så derfor bør du huske at tilføje den til alle dine links. Herunder kan du se, hvor den skal sættes ind.
<a href="http://www.cybercity.dk" target="_top">Skriv
en tekst</a>
Man behøver ikke lave et link til en anden web-side. Du kan også lave en link til din e-mail adresse, så folk kan skrive til dig. Både tekst og billeder kan bruges til at dine links. Koden hedder ved e-mail adresser mailto:.
Herunder ses nogle eksempler på e-mail links med tekst og billeder samt resultatet:
Standard med tekst:
<a href="mailto:bettina@email.dk">Send mig en e-mail</a> - Send mig en e-mail
Standard med billede:
<a href="mailto:bettina@email.dk"><img src="email.gif"></a> -
Billede med tekst:
<a href="mailto:bettina@email.dk"><img src="email.gif" alt="Send mig en e-mail"></a> -Billede uden ramme:
<a href="mailto:bettina@email.dk"><img src="email.gif" border="0"></a> -Billede med angivelse af billedets højde og bredde:
<a href="mailto:bettina@email.dk"><img src="email.gif" width="29" height="34"></a> -Billedets placering på siden:
<a href="mailto:bettina@email.dk"><img src="email.gif" align="right"></a> - Højrestillet
<a href="mailto:bettina@email.dk"><img src="email.gif" align="left"></a> - Venstrestillet
<a href="mailto:bettina@email.dk"><img src="email.gif" align="center"></a> - Centreret
<a href="mailto:bettina@email.dk"><img src="email.gif" alt="Send mig en e-mail" width="29" height="34" border="0" align="right"></a>Erstat den røde tekst med dine egne ting.
Bogmærker er links/genveje til andre steder på samme web-side - f.eks. Gå til toppen af siden. De gør det lettere at komme rundt på web-siden - især hvis det er en længere web-side. Der skal to forskellige koder til, for at det virker. Koden, hvor du skal hoppe fra, hedder <a href="#Top"></a>. Koden, du skal hoppe til, hedder <a name="Top"></a>. I de viste eksempler hedder "hoppet" Top, men du kan selv vælge andet navn/ord/tal for det.
| Forklaring | Fra-kode | Til-kode |
| Kode uden tekst | <a href="#Top"></a> | <a name="Top"></a> |
| Kode med tekst | <a href="#Top">Gå til toppen</a> | <a name="Top"></a> |
Ris og ros kan sendes til mig på følgende e-mail adresse: bettina@email.dk
