När du skapar en webbsida med HTML, används bildtaggen för att infoga ett foto eller 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 navigeringsverktyg eller för att ge 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, bildtaggen eller , skulle läggas till i HTML-dokumentet efter detta stycke. Taggen definierar alla bilder i HTML. Den kallas en tom tagg, eftersom den innehåller attribut och inte har någon avslutande tagg. Attribut är alternativ som är tillgängliga för en specifik HTML-tagg.
Om bara lades till i ett HTML-dokument, skulle ingenting visas eftersom attributen för taggen inte har inkluderats. Den viktigaste egenskapen för är ”src”, som står för source. Attributet src anger var bildfilen faktiskt finns, eller så är det adressen för bildfilen. Eftersom bilden används på en webbsida kommer platsen för bilden att anges som en URL. I HTML-dokumentet skulle bilden se ut så här: .
Specifikt pekar webbadressen till var bilden lagras. Till exempel, om en bild av en dator med filnamnet computer.jpg lagrades i mappen bilder på www.Förklarade.com, skulle URL:en ersättas med: . När webbläsaren öppnar webbsidan visar den bilden där bildtaggen ingår.
Bildtaggen har ett antal andra olika attribut. De tillåter en användare att justera hur bilden ser ut på sidan. Följande attribut används vanligtvis för denna tagg: alt, border, size och align.
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 över bilder. För exemplet ovan kan den alternativa texten anges som alt=”bild av en dator”.
Border-attributet lägger till en ram till bilden med tjockleken beroende på antalet angivna pixlar. Detta kan vara särskilt användbart när bildbakgrunden och webbplatsbakgrunden är lika, och en tydlig åtskillnad önskas. Till exempel kommer border=”10″ att placera en 10 pixel tjock ram runt en bild.
Storleksattribut är också viktiga, eftersom bredd och höjd kan användas för att ange den exakta storleken på en bild. Dessa attribut måste användas mycket noggrant, eftersom ändring av dem kan påverka proportionerna eller kvaliteten på den visade bilden. Storleksattribut ändrar inte själva filen, bara hur webbläsaren visar den.
Attributet align anger hur bilden är justerad jämfört med text på sidan. Det finns flera olika val för detta attribut, inklusive top, bottom, middle, left, right, absmiddle, absbottom, baseline och texttop. Dessa taggar hjälper också till att avgöra hur texten på sidan anpassas till bilden.