En av de saker som gör hemsidor så spännande är att man kan placera länkar från en sida till en annan och på det sättet hoppa mellan olika sidor. Man kan t ex göra en länk från en sida i Sverige till en sida i Australien. Det enda som krävs är att man har adressen till den sida man vill länka till. Man kan naturligtvis även göra länkar mellan egna sidor, eller t o m inom en sida. Det går att använda länkar till annat också. Vi ska snart titta på det.

Vilka är våra favoritlänkar? Netscape och Microsoft är ganska bra. Då behöver vi veta vilka adresser, eller URL:er (Uniform Resource Locator), de har. Netscape har "http://www.netscape.com" och Microsoft har "http://www.microsoft.com". Länken till Netscape blir:

<A HREF="http://www.netscape.com">Netscape</A>

Vad betyder detta? Länkar har koden <A>. <HREF> (Hypertext REFerence) talar om vilken typ av länk det är, nämligen en referens till en annan adress. Efter adress-koden talar man om vad det ska stå på länken: Netscape. Sedan avslutar vi länken med </A>. Det var väl inte så svårt? Nu ska vi skapa länken till Microsoft. Vi börjar med att tala om vilken typ av länk vi vill göra:

<A HREF=

Sedan anger vi adressen till Microsoft:

<A HREF="http://www.microsoft.com">

Vad ska ska det stå på länken?

<A HREF="http://www.microsoft.com">Microsoft

Och avslutningskoden:

<A HREF="http://www.microsoft.com">Microsoft</A>

Klart!

Nu lägger vi till dem i vår hemsida från lektion 3:

<HTML>
<HEAD>
 <TITLE>Min hemsida</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFF99" TEXT="#000080"
LINK="#8080FF" VLINK="#FF0000" ALINK="#FFFF80">
<CENTER>
<H1>
VÄLKOMMEN TILL MIN HEMSIDA!
</H1>
</CENTER>
<HR WIDTH="80%">
<P>
<FONT SIZE=4>
Det här är mitt första försök 
att göra en egen hemsida. Ju mer jag lär mig 
, desto bättre kommer sidan att bli. Ha lite 
tålamod så kommer du att bli rikligt belönad!
</FONT>
<P>
<A HREF="http://www.netscape.com">Netscape</A>
<P>
<A HREF="http://www.microsoft.com">Microsoft</A>
<HR WIDTH="80%">
</BODY>
</HTML>

Visst är det trevligt att få post! Därför ska vi lägga till en e-postlänk, så att den som besöker hemsidan kan skicka några rader. Allt vi behöver är din e-postadress. Här använder vi: toytiger@swipnet.se. Vi bygger upp länken steg för steg:

<A HREF=

Inga konstigheter så långt! Vi går vidare:

<A HREF="mailto:

Vänta nu! Vad var det där? Jo, "mailto:" talar om att internetläsaren ska öppna sin e-post-funktion. Nu måste vi tala om vem vi vill skicka e-post till:

<A HREF="mailto:toytiger@swipnet.se">

Vad ska det stå på länken? För tydlighetens skull skriver vi e-postadressen:

<A HREF="toytiger@swipnet.se">toytiger@swipnet.se</A>

Jag lade till slutkoden </A> på en gång. Du vet ju hur det fungerar nu. Vi sätter in den här raden på hemsidan:

<HTML>
<HEAD>
 <TITLE>Min hemsida</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFF99" TEXT="#000080"
LINK="#8080FF" VLINK="#FF0000" ALINK="#FFFF80">
<CENTER>
<H1>
VÄLKOMMEN TILL MIN HEMSIDA!
</H1>
</CENTER>
<HR WIDTH="80%">
<P>
<FONT SIZE=4>
Det här är mitt första försök att göra en egen hemsida. Ju 
mer jag lär mig , desto bättre kommer sidan att bli. Ha 
lite tålamod så kommer du att bli rikligt belönad!
</FONT>
<P>
<A HREF="http://www.netscape.com">Netscape</A>
<P>
<A HREF="http://www.microsoft.com">Microsoft</A>
<HR WIDTH="80%">
<CENTER>
<FONT SIZE=2>
<A HREF="mailto:toytiger@swipnet.se">toytiger@swipnet.se</A>
</FONT>
</CENTER>
</BODY>
</HTML>

Spara dokumentet under namnet "lektion4.htm".

I nästa lektion ska vi lägga till bilder!