HTML-SKOLA / LÄNKHANTERING
Att skapa en länk
Vill man länka från sin sida till någon annans hemsida t.ex. så skriver man in en kod som ser ut såhär: <A HREF="http://www.adress.com">Namn på länk</A>Länken kommer då se ut såhär:
Öppna länk i nytt fönster (TARGET)
Man kan också göra så att sidan man länkar till öppnas i ett nytt fönster. Detta kan vara bra om man inte vill att länken ska "ersätta" ens egna sida. Jag har valt att länka till min sida nu, och då ser koden för detta ut såhär:<A HREF="http://annice.se" TARGET="_blank">Namn på länk</A>
Testa att klicka på länken här och se hur det blir: För att länka från en sida till en annan på eran hemsida så räcker det med att bara skriva in sidans namn med filändelsen ".html" alt. ".htm" inom A HREF-taggen.
Alltså:<A HREF="sidans_namn.html">
MEN detta är förutsatt att alla era sidor som tillhör eran hemsida ligger i en och samma mapp.
Länka från ramar/frames
Som ni kanske läste under "Öppna länk i nytt fönster" längst uppe på sidan så var jag inne på hur man kan styra hur länken ska öppnas m.h.a att skriva in "target". Man kan också bestämma VAR länken ska öppnas, och då syftar jag på dom som lägger sina länkar i en frame (ram). Har man länkar i en meny i en separat ram så är det ju ganska sällan man vill att sidorna som dom länkarna länkar till ska öppnas i samma ram. Har ni alltså länkar i t.ex. en meny som sen ska öppnas i samma fönster som ni har eran startsida upplagd i så skriver ni in TARGET="startsidans_namn".
Alltså: <A HREF="sida.html" TARGET="main">Men detta är om eran startsida är döpt till "main" i erat frameset vill säga. Döper ni den till "startsida" t.ex. så är adressen inom target helt enkelt "startsida" o.s.v... Tips! (BASE TARGET) Ett annat alternativ om man nu t.ex. har massa länkar i en ram och alla länkar ska öppnas i ett och samma fönster, så kan man skriva in en kod mellan HEAD-taggarna som styr var alla länkarna ska öppnas utan att du behöver skriva in TARGET i varje länk. Koden ser ut såhär:
<BASE SRC="startsida.html" TARGET="sidan_dar_lankar_ska_oppnas">
och den lägger ni MELLAN <HEAD> och </HEAD>.
Den här koden gör som sagt så att ni inte behöver skriva in "target" i varje länk i t.ex. en meny som ni har på sidan. Däremot kanske ni vill att nån enstaka länk som finns på samma sida ska öppnas på nåt annat sätt, eller i ett annat fönster tillhörande erat frameset, och då ska ni skriva in "target" inom just den länken. Men har ni inte börjat jobba med frames ännu eller tycker att detta är förvirrande så avvakta då istället med att använda er av dessa funktioner.
Titel på länk (TITLE)
När man har skrivit in en länk på en HTML-sida så kanske man vill att det ska finnas någon form av beskrivning eller titel på länken som besökaren ska kunna se. Denna beskrivning kan man smidigt fixa genom att skriva in TITLE="Beskrivning på länken" inom själva länkkoden. Då kommer beskrivningen av länken att synas när man för pilen över länken.
Alltså:<A HREF="http://www.adress.com" TITLE="Beskrivning...">Namn på länk</A>
Pröva själva och se hur det blir genom att föra pilen över följande länk:
Länka från bild
Man kan också länka från en bild. Det gör man genom att lägga in koden för en bild mellan<A HREF> och </A>. Exempel:
<A HREF="http://www.adress.se"><IMG SRC="bild.jpg"></A>
Bilden kommer då se ut som nedan när jag valt en egen bild nu med länkadress till den här sidan:
Som ni ser får bild-länken en lila ram, och för att förhindra detta så lägger man bara in koden BORDER="0" inom IMG-taggen. Alltså: <A HREF="www.adress.se"><IMG SRC="bild.jpg" BORDER="0"></A> Resultatet blir följande:
Länk-effekter
När ni har börjat få grepp om det här med att lägga in länkar på era sidor, så kanske ni vill trixa lite med utseendet på dom. Man kan ju lägga in olika scripts som styr hur dom kommer att visas, t.ex. att länken ändrar färg när man för pilen över den och liknande.För att börja med detta så kommer vi in på något som kallas för CSS - Cascading StyleSheets. Det är nämligen ofta det man använder sig av i dessa sammanhang. När man använder sig av dessa CSS-effekter så lägger man själva scriptet MELLAN HEAD-taggarna. Alltså mellan <HEAD> och </HEAD>.
Sen behöver man inte göra nånting mer, utan skriver bara in koden för länkarna som vanligt. Länkarna kopplas nämligen automatiskt till scriptet mellan HEAD-taggarna, och ändrar utseende beroende på scriptet. För att kika lite närmare på detta så hänvisar jag er till att gå in på sektionen "CSS-script"
och Länkar. › Take me there!