Det er meget praktisk, når området for det aktive link ikke er tekst, men et billede. HTML-markupsproget er ganske i stand til at gøre dette. Alt, hvad der er brug for til dette, er at kombinere tags på en speciel måde.
Instruktioner
Trin 1
Hvis alle filer på serveren er gemt i en mappe, skal du skrive følgende HTML-kode på siden:
‹A href=page.html› Klik på dette link fører dig til en anden side på siden ‹/a›
Trin 2
Lær hvordan du integrerer links til lokale sider placeret på tredjepartswebsteder i din HTML:
‹Et href= https://server.domain/folder/page.html› Klik på dette link fører dig til en side på et helt andet sted ‹/a›
Trin 3
Tjek nu, hvordan du indsætter billeder på en side, der er gemt på den samme server som webstedet, forudsat at alle filer på denne server er gemt i en delt mappe:
‹Img src = filnavn.jpg›
Trin 4
På samme måde skal du indsætte billeder, der er gemt på tredjepartsservere, på siden:
‹Img src =
Husk dog, at nogle servere ikke tillader, at billeder indsættes på sider uden for dem, der viser advarselsskærme i stedet eller ikke viser noget. I sådanne tilfælde må du ikke kopiere billedet til en lokal server - det vil være en krænkelse af ophavsretten. Det er bedre at give et link til dette billede.
Trin 5
For at klikke på et billede for at følge linket, kombiner disse tags som følger:
‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹/a›
Hvis det ønskes, skal du i denne konstruktion udskifte det globale link til siden med det lokale eller omvendt det lokale link til billedet med det globale.
Trin 6
Endelig, hvis du ønsker, at linket skal følges ved at klikke på både billedet og teksten under det, skal du bruge en mere kompleks konstruktion som denne:
‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹p› Du bliver omdirigeret til en anden side, uanset om du klikker på denne tekst eller på den over den billede. Resultatet bliver nøjagtigt det samme.
