Datakurser
Aktuell vecka: 48

Tillbaka till toppen

HTML Länk till del av webbsida

Länk till plats inom samma webbsida

Om vi har en webbsida som är väldigt lång så kanske du vill göra länkar som hoppar till olika delar på webbsida. Det fixar vi med hjälp av a-taggen.

Vi placerar ut följande kod, <a id="ditt_eget_namn_på_denna_plats"></a>, i koden på den plats på vår webbsida som vi vill hoppa till. Observera att det inte ska stå något mellan start och stopp för a-taggen. Denna kodsnutt ska bara placeras i själva koden och inte synas på webbsidan.
Observera att id:t inte får innehålla blanksteg och måste innehålla minst en bokstav.

Själva länken som göra så att vi förflyttas till ovannämda plats skrivs:
<a href="#ditt_eget_namn_på_denna_plats">Något bra som visar var vi kommer när vi klickar på denna länktext</a>
Obs! Hash-tecknet talar om att vi ska hoppa till ett ankare på samma webbsida.

Ett ex:
ankaret på sida:
<a id="Vecka33"></a>
och klickbara länken: <a href="#Vecka33"> eller <a href="http://www.latjolajban.se/special.html#Vecka33">

Film

XHTML and CSS Tutorial - 7 - Creating a Link Within a Web Page (thenewboston 6 min)
OBS! Visar det tidigare sättet att skapa ankare, dv s med name-attributet. Nu använder vi id-attributet annars inga skillander.

Källor

w3schools

Länkar

w3schools.com

W3C:s Specifikationer

Web Style Guide

Skolans webbhotell

Gå till följande sida: labb.vgy.se

Logga in med dina kontouppgifter

Lösningsförslag
(visas ej på prov)

???