Vad är en bildtagg i HTML?

När du skapar en webbsida med HTML används bildtaggen för att infoga ett foto eller en grafik på en viss plats på sidan.Det finns många sätt som bilder kan användas på webbsidor, från att lägga till intresse till att användas som ett navigationsverktyg eller för att tillhandahålla information.Det finns också flera olika format av bilder som kan användas.Oavsett hur eller vilken bild som läggs till på webbsidan krävs alltid bildtaggen.

För att lägga till en bild ingår bildtaggen där du vill att bilden ska visas på din sida.Till exempel, om en bild skulle infogas efter detta stycke, skulle bildtaggen, eller lt; img gt;, läggas till HTML -dokumentet efter detta stycke.Taggen lt; img gt;Definierar alla bilder i HTML.Det kallas en tom tagg, eftersom den innehåller attribut och inte har någon stängningstaggen.Attribut är alternativ som är tillgängliga för en specifik HTML -tagg.

Om bara lt; img gt;lades till ett HTML -dokument, ingenting skulle visa eftersom attributen för taggen inte har inkluderats.Det viktigaste attributet för lt; img gt;är SRC, som står för källan.Attributet SRC anger var bildfilen faktiskt finns, eller det är adressen för bildfilen.När bilden används på en webbsida anges bilden för bilden som en URL.Inom HTML -dokumentet skulle bilden se ut: lt; img src ' url /gt ;.

Specifikt, URL pekar på var bilden lagras.Till exempel, om en bild av en dator med filnamnet Computer.jpg lagrades i bildmappen på www.wisgeek.com, skulle URL: n ersättas med: lt; img src ' www.wisgeek.com/bilder/dator.jpg / gt;.När webbläsaren öppnar webbsidan visar den bilden där bildtaggen ingår.

Bildtaggen har ett antal andra attribut.De tillåter en användare att justera hur bilden ser ut på sidan.Följande attribut används ofta för denna tagg: alt, kant, storlek och justera.

Attributet Alt står för alternativ text och det visas om en webbläsare inte kan visa en bild.Alternativ text läses också för de användare som är visuellt utmanade och väljer att visa text framför bilder.För exemplet ovan kan den alternativa texten anges som alt ' bild av en dator.

Border -attributet lägger till en kant till bilden med tjockleken beroende på antalet angivna pixlar.Detta kan vara särskilt användbart när bildbakgrunden och webbplatsbakgrunden är liknande och en tydlig åtskillnad önskas.Till exempel kommer Border ' 10 att placera en 10 pixel tjock kant runt en bild.

Storlek

Attribut är också viktiga, eftersom bredd och höjd kan användas för att specificera den exakta storleken på en bild.Dessa attribut måste användas mycket noggrant, eftersom att ändra dem kan påverka proportioner eller kvalitet på den visade bilden.Storleksattribut ändrar inte den faktiska filen, bara hur webbläsaren visar den. Attributet

Justera

Anger hur bilden är inriktad jämfört med text på sidan.Det finns flera olika val för detta attribut, inklusive topp, botten, mitten, vänster, höger, absMiddle, absbottom, baslinje och smitttopp.Dessa taggar hjälper också till att avgöra hur texten på sidan är i linje med bilden.