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 att bilder kan användas på webbsidor, från att lägga till intresse till att användas som ett navigationsverktyg 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. Om en bild till exempel skulle infogas efter detta stycke skulle bildtaggen eller <img> läggas till i HTML-dokumentet efter detta stycke. Taggen <img> definierar alla bilder i HTML. Det kallas en tom tagg, eftersom den innehåller attribut och har ingen stängningstagg. Attribut är alternativ som är tillgängliga för en specifik HTML-tagg.
Om bara <img> läggs till i ett HTML-dokument, skulle ingenting visas eftersom attributen för taggen inte har inkluderats. Det viktigaste attributet för <img> ä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 kommer bildens plats att anges som en URL. Inom HTML-dokumentet ser bilden ut: <img src = "URL" />.
Specifikt pekar webbadressen till var bilden är lagrad. Om till exempel en bild av en dator med filnamnet computer.jpg lagrades i bildmappen på www.wisegeek.com, skulle URL-adressen ersättas med: <img src = "www.wisegeek.com/images/computer. jpg "/>. 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, 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 visuellt utmanas och väljer att visa text över bilder. För exemplet ovan kan den alternativa texten anges som alt = "bild av en dator".
Kantattributet lägger till en ram till bilden med tjockleken beroende på antalet pixlar som anges. Detta kan vara särskilt användbart när bildbakgrunden och webbplatsens bakgrund är likartade och en tydlig åtskillnad önskas. Exempelvis kommer kant = "10" att placera en 10 pixel tjock kant 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 den faktiska filen, bara hur webbläsaren visar den.
Attributjusteringen anger hur bilden justeras jämfört med texten på sidan. Det finns flera olika val för detta attribut, inklusive topp, botten, mitten, vänster, höger, absmiddle, absbottom, baslinje och texttop. Dessa taggar hjälper också till att bestämma hur texten på sidan anpassas till bilden.