Wat is een HTML -afbeeldingslink?

Wanneer een persoon een webpagina maakt die een afbeelding bevat, wordt de afbeelding niet daadwerkelijk in de pagina geplaatst met de rest van de informatie.Om afbeeldingen op het web weer te geven, wordt een HTML -afbeeldingslink gebruikt in plaats van de afbeelding in de pagina in te sluiten.Om de HTML -afbeeldingslink te gebruiken, de #60; IMG #62;HTML -tag wordt gebruikt om de informatie te verstrekken voor waar de afbeelding is opgeslagen en toegankelijk is.Deze tag kan worden gebruikt met alle browsers en kan worden gebruikt om alle beeldtypen te laden die worden ondersteund door de browsers.

Het gebruik van de #60; IMG #62;Alleen tag biedt geen informatie op de webpagina die bedoeld is om een afbeelding te bevatten.Er zijn twee attributen die nodig zijn om de HTML -afbeeldingslink correct te schrijven, zodat de afbeelding wordt geladen wanneer de webpagina wordt geladen.Er zijn ook verschillende optionele attributen die kunnen worden opgenomen om verdere informatie te verstrekken.De attributen die nodig zijn om de afbeeldingsverbinding te schrijven zijn src en alt .

Het kenmerk src kenmerk van de HTML -afbeeldingskoppeling biedt het webadres of url, waar de afbeelding zich bevindt.De URL kan een van de twee vormen aannemen.Een absolute URL biedt een compleet webadres dat naar een afbeelding op een andere website stuurt.Een voorbeeld van het opnemen van een absolute URL voor het SRC -kenmerk zou zijn: src ' http: //www.website.com/image.jpg mdash;Waar website.com wijst op een andere site en image.jpg wijst naar een specifieke afbeelding.

de andere optie voor de URL binnen het kenmerk SRC is het schrijven van een relatieve URL.In het geval van een relatieve URL biedt het webadres een link naar een afbeelding binnen dezelfde website -directory.De relatieve URL is een afgeknotte versie van een absolute URL omdat de afbeelding zich op dezelfde plaats bevindt als de webpagina.Voorbeelden van het SRC -kenmerk met een relatieve URL zijn: src ' image.jpg of src ' afbeeldingen/image.jpg.Het enige verschil in deze voorbeelden is waar de afbeelding zich bevindt, omdat deze zich in een afbeeldingsmap in het tweede voorbeeld bevindt. Het andere vereiste kenmerk is Alt , dat alternatieve tekst voor de afbeelding biedt.Dit is geen tekst die wordt weergegeven als een gebruiker een muis over de afbeelding zweeft, maar tekst die wordt weergegeven als de afbeelding om een of andere reden niet kan worden weergegeven.Voor een HTML -afbeeldingslink lijken zoiets als het volgende: #60; IMG SRC ' url alt ' text /#62;.Sinds de #60; IMG #62;TAG heeft geen eindtag, het is belangrijk om deze te beëindigen met / zodat de browser weet dat de instructie is afgelopen.Het SRC attribuut wijst op een locatie voor een afbeelding, dus het is belangrijk om ervoor te zorgen dat links naar andere sites niet worden verbroken en dat afbeeldingen niet worden verplaatst in een website -directory en om links te corrigeren wanneer er problemen optreden.