Tekst op een webpagina is veel beter leesbaar als deze wordt geïllustreerd. HTML reserveert hiervoor de img-tag. Door het in combinatie met andere tags te gebruiken, kunt u van een afbeelding een actieve link maken, inclusief een grotere versie van dezelfde afbeelding.
instructies:
Stap 1
Als het afbeeldingsbestand en het HTML-bestand zich in dezelfde map bevinden, gebruikt u de volgende HTML-code om de afbeelding in te voegen: waarbij afbeeldingsnaam.jpg
Stap 2
Als het afbeeldingsbestand zich op dezelfde server bevindt, maar in een andere map, wijzigt u deze constructie als volgt: waarbij /map/een andere map/afbeeldingsnaam.jpg
Stap 3
Plaats afbeeldingen die op andere servers zijn opgeslagen met de nodige voorzichtigheid - bescherming tegen uitloging kan daar worden ingeschakeld, en dan krijgt de bezoeker van uw pagina een waarschuwing over een dergelijke beveiliging te zien in plaats van de gewenste afbeelding. Als een dergelijke bescherming niet bestaat en de eigenaar van de externe server geen bezwaar heeft tegen het invoegen van de afbeeldingen die daar zijn opgeslagen op de pagina's van anderen, gebruikt u het volgende codefragment: waar https://server.domain/folder/anotherfolder/imagename.jpg
Stap 4
Om ervoor te zorgen dat de afbeelding tegelijkertijd een link naar een andere pagina is, gebruikt u de volgende code:, waarbij linktext het linkadres is (lokaal of globaal).
Stap 5
Ten slotte, zodat wanneer de gebruiker op de afbeelding klikt, de gebruiker de vergrote kopie ervan kan zien, het vorige fragment als volgt wijzigen: waarbij afbeeldingsnaam-big.jpg