|
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.
Andres web-sider
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
Egne web-sider
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.
Web-sider med rammer
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>
E-mail adresse
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
Billede med alle ovenstående eksempler:
<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
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> |