skriv ut » Länkar
Interna länkar är kommunikationen mellan dina sidorna i din webplats och externa länkar till andra webplatser. En länk är ett klickbart område och kan vara en text eller bild. Märket för länk är <A HREF> (anchor hyperlink reference). Du kan även ange "ankare" (bokmärken) på samma sida och länka mellan dem om du har långa dokument. Menyn högst upp på denna sida är länkad till olika ankare längre ned på denna sida...
Textlänkar - absoluta och relativa
Så här kan en textlänk till Webdesignskolan se ut:
klicka här för att komma till Webdesignskolan
Så här kan koden se ut:
Sökvägen i exemplet ovan är hela den absoluta sökvägen till den adress som den ser ut när websidan är publicerad till Internet. När du skapar länken räcker det däremot att du anger en relativ sökväg som är relativ till den sida du länkar ifrån. Exemplet nedan är en relativ sökväg:
Title - länkinformation
Du kan även lägga till länkinformation som syns när du för markören över en länkad text. Det fungerar i senare versioner av webläsarna. För muspekaren över länken nedan och kolla om det fungerar i din webläsare:
Så här kan koden se ut:
Länk till ankare (bokmärke)
Ett ankare som placeras någonstans i koden kan användas för att länka till bestämda platser inom samma dokument eller till en bestämd position (ankare) i ett annat dokument. Menyn högst upp på denna sida länkar till de olika avsnitten på denna sida och är alltså ett exempel på länk till ankare.
Märket för ankare är <A NAME> där namnet anges (helst utan mellanslag eller ÅÖÄ). Ett ankare kan se ut så här:
OBS! Undvik VERSALER, ÅÄÖ och mellanslag i ankarnamn.
Prova den här länken som går till toppen av sidan »
För
att länken ska leda till en ankarpunkt anger du detta inom <A
HREF>. Tecknet # "brädgård"
anges före ankarnamnet. Länken som leder till ett ankare
i samma dokument kan se ut så här:
Länken som leder till ett ankare i annat dokument kan se ut så här:
Bildlänkar
En bild anges som länkat område på samma sätt som en textlänk. Istället för texten anges då bildens sökväg inom <A HREF>. En bildlänk där WDS logotype är länkad till www.webdesignskolan.se kan se ut så här:
Ta bort ramen runt länkad bild
När en bild länkats så visar webläsaren som standard en ram runt bilden för att det ska synas att den är klickbar. Du kan dölja ramen runt bilden genom att använda attributet border="0":
ALT - länkinformation
Du har även möjlighet att ange länkinformation med en utförligare beskrivning av bildlänken som syns när man för muspekaren över den länkade bilden. För muspekaren över bilden nedan:
Mål för länk - Target
Länkade sidor öppnas normalt i samma fönster som den sida du länkar ifrån. Om du vill att den länkade sidan ska öppnas i ett nytt fönster kan du ange detta som ett mål för länken (target). Målet för att öppna en länkad sida i ett nytt webläsarfönster är: target="_blank"
Länk till e-postadress
Om du vill skapa en länk som öppnar en e-postklient så att man kan skicka ett mail så använder du målet MAILTO: och anger även mottagarens mailadress (OBS! inga mellanslag).
Exempel 1
Skicka ett mail till info@foretaget.se
Exempel 2
Skicka ett mail till info@foretaget.se
Vill du att mailet ska ha ett förvalt meddelandehuvud/ärende kan du lägga till ?subject=Ditt meddelande:
ÖVNING 6: LÄNKAR
Gör en textlänk från ditt dokument "min_bild.htm" (från övningen "Bilder") till ditt första övningsdokument "min_forsta.htm".
Skriv först in texten:
Lägg till märket <A HREF> </A> runt den text som ska länkas:
Så här kan det se ut i webläsaren:
Gör även en bildlänk från bilden i samma dokument. Låt den länken gå till samma dokument:
