Wat is in HTML een afbeeldingstag?

Bij het maken van een webpagina met behulp van HTML wordt de afbeeldingstag gebruikt om een foto of afbeelding op een bepaalde plaats op de pagina in te voegen.Er zijn veel manieren waarop afbeeldingen kunnen worden gebruikt op webpagina's, van het toevoegen van interesse tot gebruik als navigatietool of om informatie te verstrekken.Er zijn ook verschillende formaten van afbeeldingen die kunnen worden gebruikt.Het maakt niet uit hoe of welke afbeelding aan de webpagina wordt toegevoegd, de afbeeldingstag is altijd vereist.

Om een afbeelding toe te voegen, is de afbeeldingstag opgenomen waar u wilt dat de afbeelding op uw pagina verschijnt.Als een afbeelding bijvoorbeeld na deze paragraaf zou worden ingevoegd, zou de afbeeldingstag, of lt; img gt;, na deze paragraaf aan het HTML -document worden toegevoegd.De tag lt; img gt;Definieert alle afbeeldingen in HTML.Het wordt een lege tag genoemd, omdat het attributen bevat en geen sluitingstag heeft.werden toegevoegd aan een HTML -document, niets zou zien dat de attributen van de tag niet zijn opgenomen.Het belangrijkste kenmerk voor lt; img gt;is SRC, dat voor de bron staat.Het kenmerk SRC stelt waar het afbeeldingsbestand zich daadwerkelijk bevindt, of het is het adres voor het afbeeldingsbestand.Omdat de afbeelding op een webpagina wordt gebruikt, wordt de locatie van de afbeelding als een URL gegeven.Binnen het HTML -document zou de afbeelding eruit zien als: lt; img src ' url /gt;.

specifiek wijst de URL naar waar de afbeelding wordt opgeslagen.Als bijvoorbeeld een afbeelding van een computer met de bestandsnaam Computer.jpg werd opgeslagen in de afbeeldingenmap op www.wiseGeek.com, zou de URL worden vervangen door: lt; img src ' www.wiseGeek.com/afbeeldingen/computer.JPG / gt;.Wanneer de browser de webpagina opent, geeft deze de afbeelding weer waar de afbeeldingstag is opgenomen.

De afbeeldingstag heeft een aantal andere verschillende attributen.Ze stellen een gebruiker in staat om aan te passen hoe de afbeelding er op de pagina uitziet.De volgende attributen worden vaak gebruikt voor deze tag: ALT, rand, grootte en uitlijning.

Het kenmerk

ALT

staat voor alternatieve tekst en het wordt getoond als een browser geen afbeelding kan weergeven.Ook wordt alternatieve tekst gelezen voor gebruikers die visueel worden uitgedaagd en ervoor kiezen om tekst weer te geven via afbeeldingen.Voor het bovenstaande voorbeeld kan de alternatieve tekst worden vermeld als alt ' afbeelding van een computer. Het

-rand

kenmerk voegt een rand toe aan de afbeelding met de dikte, afhankelijk van het aantal vermelde pixels.Dit kan vooral handig zijn wanneer de achtergrond van de afbeelding en de achtergrond van de website vergelijkbaar zijn en een duidelijk onderscheid gewenst is.Border ' 10 plaatst bijvoorbeeld een dikke rand van 10 pixels rond een afbeelding.

Grootte

attributen zijn ook belangrijk, omdat breedte en hoogte kunnen worden gebruikt om de exacte grootte van een afbeelding op te geven.Deze attributen moeten zeer zorgvuldig worden gebruikt, omdat het wijzigen ervan de verhoudingen of kwaliteit van het weergegeven beeld kan beïnvloeden.Grootte -attributen wijzigen het werkelijke bestand niet, hoe de browser het weergeeft. Het kenmerk

Uitlijning

Geeft aan hoe de afbeelding is uitgelijnd in vergelijking met tekst op de pagina.Er zijn verschillende keuzes voor dit kenmerk, waaronder boven, bodem, midden, links, rechts, absmiddle, abscottom, basislijn en teksttop.Deze tags helpen ook te bepalen hoe de tekst op de pagina aansluit bij de afbeelding.