Wat is de juiste manier om een HTML-afbeeldingstag te gebruiken?
Afbeeldingen worden vaak aan webpagina's toegevoegd om ze aantrekkelijker en interessanter te maken dan een pagina met platte tekst. Met behulp van de HTML-afbeeldingstag kunt u eenvoudig afbeeldingen toevoegen aan webpagina's. Deze tag heeft ook een aantal kenmerken of kenmerken die u kunt opgeven.
Wanneer u afbeeldingen aan een webpagina toevoegt, is het belangrijk om te onthouden dat een afbeelding geen deel uitmaakt van het bestand dat de webpagina zelf vormt. De bestanden die voor de webpagina worden gebruikt, zijn afzonderlijke bestanden van alle afbeeldingsbestanden. De HTML-afbeeldingstag verwijst de webbrowser naar het specifieke afbeeldingsbestand voor de afbeelding die u wilt weergeven. Wanneer de webpagina in een browser wordt weergegeven, wordt het afbeeldingsbestand weergegeven samen met alle andere bestanden waaruit die pagina bestaat.
De code voor de HTML-afbeeldingstag is: <IMG SRC = "image location" />. Afbeeldingslocatie is de bestandsnaam voor de afbeelding die u wilt weergeven en waar de afbeelding is opgeslagen. Het is belangrijk dat u deze informatie correct ontvangt om ervoor te zorgen dat de afbeelding correct wordt weergegeven. De organisatie en opslag van afbeeldingen die u op uw webpagina wilt gebruiken, zijn belangrijke overwegingen.
Sommige mensen slaan hun afbeeldingen op in dezelfde map als alle andere delen van hun webpagina's. In dit geval zou u, wanneer u naar de afbeelding verwijst, alleen de bestandsnaam in de HTML-afbeeldingstag opnemen. Wanneer een webpagina een aantal afbeeldingen heeft, is het gebruikelijk om een submap te maken, vaak afbeeldingen genoemd . In dit geval zou de naam van de submap ook in de tag worden opgenomen.
Als voorbeeld, hier is wat we zouden doen om een afbeelding van een boom, bestandsnaam tree.jpg, op een webpagina in te voegen. Als we de boomafbeelding op dezelfde plaats hadden opgeslagen als onze andere webpagina-bestanden, zou de HTML-afbeeldingstag <IMG SRC = "tree.jpg"> zijn. Als het afbeeldingsbestand zou worden opgeslagen in een submap in onze webpagina met webpagina's, zou de tag worden gewijzigd in <IMG SRC = "images / tree.jpg">. Het is belangrijk om te onthouden dat de HTML-afbeeldingstag een verwijzing of pad naar het afbeeldingsbestand biedt. Kortom, het vertelt de browser waar het bestand moet worden gezocht.
De HTML-afbeeldingstag heeft een aantal kenmerken die kunnen worden opgegeven voor de afbeelding die u wilt opnemen. Attributen zijn kenmerken van de tag zelf en worden dus binnen de tag of tussen de <en> gebruikt. De attributen die worden gebruikt met de HTML-afbeeldingstag zijn:
- UITLIJNEN - geeft aan hoe uw afbeelding wordt uitgelijnd ten opzichte van de tekst op uw pagina (LINKS, RECHTS, BOVEN, MIDDEN, ONDER)
- ALT - verwijst naar alternatieve tekst. Dit is een zeer belangrijk kenmerk en moet voor al uw afbeeldingen worden opgenomen. Het specificeert de tekst die wordt weergegeven in plaats van de afbeelding
- BORDER - voegt een rand toe aan uw afbeelding, met de dikte opgegeven in pixels
- HOOGTE en BREEDTE - kunnen worden gebruikt om de breedte en hoogte te definiëren van de afbeelding die u wilt weergeven, waarmee u de grootte van de afbeelding kunt wijzigen. Wees voorzichtig met het gebruik van deze kenmerken, omdat u de kwaliteit van de afbeelding en de verhoudingen kunt wijzigen, wat resulteert in afbeeldingen van slechte kwaliteit
- VSPACE en HSPACE - worden gebruikt om witruimte rond uw afbeelding toe te voegen.