Wat is een HTML -afbeeldingslink?
Wanneer een persoon een webpagina maakt die een afbeelding bevat, wordt de afbeelding niet daadwerkelijk in de pagina ingevoegd 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 -afbeeldingsverbinding te gebruiken, wordt de
Het gebruik van de tag alleen biedt geen informatie aan 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 van de HTML -afbeeldingE Link 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" - waar website.com wijst op een andere site en image.jpg wijst op 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 het beeld zich bevindt, zoals hetbevindt zich in een afbeeldingsmap in het tweede voorbeeld.
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. Er zijn veel redenen waarom een afbeelding niet kan worden weergegeven, inclusief gevallen waarin de URL in het kenmerk src onjuist of kapot is, of wanneer een gebruiker met een visuele beperking een schermlezer gebruikt.
De meest basale code voor een HTML -afbeeldingslink ziet er zoiets uit als de volgende: . Aangezien de tag
geen eindtag heeft, is het belangrijk om deze te beëindigen met /> zodat de browser weet dat de instructie is afgelopen. Het kenmerk src 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 websitedirectory,en om links te corrigeren wanneer problemen optreden.