Wat is een HTML-afbeeldingslink?
Wanneer een persoon een webpagina maakt die een afbeelding bevat, wordt de afbeelding niet met de rest van de informatie in de pagina ingevoegd. Om afbeeldingen op het web weer te geven, wordt een HTML-afbeeldingslink gebruikt in plaats van de afbeelding op de pagina in te sluiten. Om de HTML-afbeeldingslink te gebruiken, wordt de <img> HTML-tag gebruikt om informatie te geven over waar de afbeelding is opgeslagen en toegankelijk is. Deze tag kan met alle browsers worden gebruikt en kan worden gebruikt om alle afbeeldingstypen te laden die door de browsers worden ondersteund.
Het gebruik van alleen de tag <img> levert geen informatie op voor de webpagina die een afbeelding moet bevatten. Er zijn twee kenmerken vereist om de HTML-afbeeldingslink correct te schrijven, zodat de afbeelding wordt geladen wanneer de webpagina wordt geladen. Er zijn ook verschillende optionele kenmerken die kunnen worden opgenomen om meer informatie te geven. De attributen die nodig zijn om de afbeeldingslink te schrijven zijn src en alt .
Het src- kenmerk van de HTML-afbeeldingslink geeft het webadres of de URL aan waar de afbeelding zich bevindt. De URL kan twee vormen aannemen. Een absolute URL biedt een compleet webadres dat verwijst naar een afbeelding op een andere website. Een voorbeeld van het opnemen van een absolute URL voor het src-kenmerk is: src = "http://www.website.com/image.jpg" - waarbij website.com verwijst naar een andere site en image.jpg verwijst naar een specifieke beeld.
De andere optie voor de URL binnen het src- kenmerk is om een relatieve URL te schrijven. In het geval van een relatieve URL biedt het webadres een link naar een afbeelding binnen dezelfde websitemap. De relatieve URL is een ingekorte 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 = "images / image.jpg". Het enige verschil in deze voorbeelden is waar de afbeelding zich bevindt, omdat deze zich in een afbeeldingenmap 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 met een muis over de afbeelding beweegt, maar tekst die wordt weergegeven als de afbeelding om een of andere reden niet kan worden weergegeven. Er zijn veel redenen waarom een afbeelding mogelijk niet wordt weergegeven, waaronder gevallen waarin de URL in het src- attribuut onjuist of defect is of wanneer een gebruiker met een visuele beperking een schermlezer gebruikt.
De meest eenvoudige code voor een HTML-afbeeldingslink ziet er ongeveer zo uit: <img src = "URL" alt = "text" />. Omdat de tag <img> geen eindtag heeft, is het belangrijk om deze te beëindigen met /> zodat de browser weet dat de instructie is beëindigd. Het src- kenmerk verwijst naar 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 binnen een websitemap, en om links te corrigeren wanneer zich problemen voordoen.