Tips og tricks til HTML

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.

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>  -  Send mig en e-mail

Billede uden ramme:
<a href="mailto:bettina@email.dk"><img src="email.gif" border="0"></a>  -  Send mig en e-mail

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

Send mig en e-mail 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>

Gå til toppen af siden!


Ris og ros kan sendes til mig på følgende e-mail adresse: bettina@email.dk

Go Home!