Het is erg handig wanneer het gebied van de actieve link geen tekst is, maar een afbeelding. De HTML-opmaaktaal is hier heel goed toe in staat. Het enige dat hiervoor nodig is, is om de tags op een speciale manier te combineren.
instructies:
Stap 1
Als alle bestanden op de server in één map zijn opgeslagen, schrijf dan de volgende HTML-code van de pagina:
‹A href=page.html› Als u op deze link klikt, gaat u naar een andere pagina binnen de site ‹/a›
Stap 2
Meer informatie over het insluiten van links naar lokale pagina's op sites van derden in uw HTML:
‹A href= https://server.domain/folder/page.html› Als u op deze link klikt, gaat u naar een pagina op een geheel andere site ‹/a›
Stap 3
Bekijk nu hoe u afbeeldingen op een pagina kunt invoegen die op dezelfde server als de site zijn opgeslagen, op voorwaarde dat alle bestanden op die server in een gedeelde map zijn opgeslagen:
‹Img src = bestandsnaam.jpg›
Stap 4
Voeg op dezelfde manier afbeeldingen die zijn opgeslagen op servers van derden in de pagina in:
‹Img src =
Houd er echter rekening mee dat sommige servers niet toestaan dat afbeeldingen worden ingevoegd in pagina's daarbuiten, in plaats daarvan waarschuwingsschermbeveiligingen tonen of niets tonen. Kopieer in dergelijke gevallen de afbeelding niet naar een lokale server - dit is een schending van het auteursrecht. Het is beter om een link naar deze foto te geven.
Stap 5
Om op een foto te klikken om de link te volgen, combineer je deze tags als volgt:
‹A href= https://server.domain/folder/page.html› ‹img src = afbeelding.jpg› ‹/a›
Vervang desgewenst in deze constructie de globale link naar de pagina door de lokale, of omgekeerd de lokale link naar de afbeelding door de globale.
Stap 6
Tot slot, als je wilt dat de link gevolgd wordt door zowel op de afbeelding als op de tekst eronder te klikken, gebruik dan een complexere constructie zoals deze:
‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹p› U wordt doorgestuurd naar een andere pagina, ongeacht of u op deze tekst klikt of op de pagina erboven foto. Het resultaat zal precies hetzelfde zijn.
