Wat is de juiste manier om een HTML -afbeeldingstag te gebruiken?
Afbeeldingen worden vaak toegevoegd aan webpagina's om ze uitnodigend en interessanter te laten lijken in vergelijking met een pagina met platte tekst.Met behulp van de HTML -afbeeldingstag is het eenvoudig om afbeeldingen toe te voegen aan alle webpagina's.Deze tag heeft ook een aantal attributen of kenmerken, die u kunt opgeven.
Bij het toevoegen van afbeeldingen aan een webpagina 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 laten zien.Wanneer de webpagina in een browser wordt weergegeven, wordt het afbeeldingsbestand weergegeven, samen met andere bestanden waaruit die pagina bestaat.
De code voor de HTML -afbeeldingstag is: lt; img src ' afbeelding locatie / gt;.Afbeeldingslocatie is de bestandsnaam voor de afbeelding die u wilt laten zien en waar de afbeelding is opgeslagen.Het is belangrijk dat u deze informatie correct krijgt 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, wanneer u naar de afbeelding verwijst, zou u alleen de bestandsnaam opnemen in de HTML -afbeeldingstag.Wanneer een webpagina een aantal afbeeldingen heeft, is het gebruikelijk om een submap te maken, vaak afbeeldingen genoemd .In dit geval zou de submap -naam ook in de tag worden opgenomen.
Als voorbeeld is dit wat we zouden doen om een afbeelding van een boom, bestandsnaamstructuur.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 lt; img src ' tree.jpg gt;.Als het afbeeldingsbestand in een submap is opgeslagen in onze webpagina -directory, zou de tag worden gewijzigd in lt; img src ' afbeeldingen/tree.jpg gt;.Wat belangrijk is om te onthouden is dat de HTML -afbeeldingstag een referentie of pad biedt naar het afbeeldingsbestand.Kortom, het vertelt de browser waar hij het bestand moet zoeken.
De HTML -afbeeldingstag heeft een aantal attributen die kunnen worden opgegeven voor de afbeelding die u wilt opnemen.Attributen zijn kenmerken van de tag zelf en dus worden ze gebruikt in de tag of tussen de lt;en gt;.De attributen die worden gebruikt met de HTML -afbeeldingstag zijn:
- Uitline mdash;Geeft aan hoe uw afbeelding is uitgelijnd in relatie tot de tekst op uw pagina (links, rechts, boven, midden, onder)
- Alt mdash;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 mdash;Voegt een rand toe aan uw afbeelding, met de dikte gespecificeerd in pixels
- Hoogte en breedte mdash;Kan worden gebruikt om de breedte en hoogte van de gewenste afbeelding te definiëren, waarmee u de grootte van de afbeelding kunt wijzigen.Wees voorzichtig met het gebruik van deze attributen, omdat u de kwaliteit van de afbeelding en de verhoudingen kunt wijzigen, wat resulteert in afbeeldingen van slechte kwaliteit
- vspace en hspace mdash;worden gebruikt om witte ruimte rond uw afbeelding toe te voegen.