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 binnen uw pagina verschijnt. Als een afbeelding bijvoorbeeld na deze paragraaf zou worden ingevoegd, zou de afbeeldingstag of na deze paragraaf worden toegevoegd aan het HTML -document. De tag definieert alle afbeeldingen in HTML. Het wordt een lege tag genoemd, omdat het attributen bevat en geen sluitingstag heeft. Attributen zijn opties die beschikbaar zijn voor een specifieke HTML -tag.

Als het maar werden toegevoegd aan een HTML -document, niets zou worden weergegeven omdat de attributen van de tag niet zijn opgenomen. Het belangrijkste kenmerk voor 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: .

In het bijzonder wijst de URL naar waar de afbeelding is 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: . 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 zijn comMonly 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 kenmerk rand voegt een rand toe aan de afbeelding met de dikte, afhankelijk van het 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. Maat attriButes wijzigen het werkelijke bestand niet, hoe de browser het weergeeft.

Het kenmerk uitlijnt 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 uitsluit met de afbeelding.