Hoe Een Afbeelding In HTML Te Plaatsen

Inhoudsopgave:

Hoe Een Afbeelding In HTML Te Plaatsen
Hoe Een Afbeelding In HTML Te Plaatsen

Video: Hoe Een Afbeelding In HTML Te Plaatsen

Video: Hoe Een Afbeelding In HTML Te Plaatsen
Video: How to Insert an Image in a Webpage (HTML / XHTML) 2024, Mei
Anonim

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.

Hoe een afbeelding in HTML te plaatsen
Hoe een afbeelding in HTML te plaatsen

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

Aanbevolen: