Vad är det rätta sättet att använda en HTML-bildtagg?

Bilder läggs ofta till på webbsidor för att göra dem mer inbjudande och intressanta jämfört med en sida med vanlig text. Med HTML-bildtaggen är det enkelt att lägga till bilder på alla webbsidor. Den här taggen har också ett antal attribut eller egenskaper som du kan ange.

När du lägger till bilder på en webbsida är det viktigt att komma ihåg att en bild inte är en del av filen som utgör själva webbsidan. Filerna som används på webbsidan är separata filer från alla bildfiler. HTML Image-taggen hänvisar webbläsaren till den specifika bildfilen för den bild du vill visa. När webbsidan visas i en webbläsare visas bildfilen tillsammans med andra filer som utgör den sidan.

Koden för HTML-bildtaggen är: <IMG SRC = "bildplats" />. Bildplats är filnamnet för den bild du vill visas och där bilden är lagrad. Det är viktigt att du får denna information korrekt för att se till att bilden visas korrekt. Organisering och lagring av bilder som du vill använda på din webbsida är viktiga överväganden.

Vissa människor lagrar sina bilder i samma katalog som alla andra delar av sina webbsidor. I det här fallet, när du hänvisar till bilden, skulle du bara inkludera filnamnet i HTML-bildtaggen. När en webbsida har ett antal bilder är det vanligt att skapa en underkatalog, ofta kallade bilder . I det här fallet skulle underkatalognamnet också inkluderas i taggen.

Som exempel är det här vi skulle göra för att infoga en bild av ett träd, filnamn tree.jpg, på en webbsida. Om vi ​​hade lagrat trädbilden på samma plats som våra andra webbsidafiler, skulle HTML Image-taggen vara <IMG SRC = "tree.jpg">. Om bildfilen lagrades i en underkatalog i vår webbsidakatalog skulle taggen ändras till <IMG SRC = "images / tree.jpg">. Det som är viktigt att komma ihåg är att HTML Image-taggen ger en referens eller sökväg till bildfilen. I princip berättar det för webbläsaren var den ska leta efter filen.

HTML-bildtaggen har ett antal attribut som kan anges för den bild du vill inkludera. Attribut är egenskaper för själva taggen och så används de i taggen, eller mellan <och>. Attribut som används med HTML Image-taggen är:

• ALIGN - anger hur din bild är i linje med texten på din sida (VÄNSTER, HÖGER, TOPP, MIDDEL, BOTTOM)
• ALT - hänvisar till alternativ text. Detta är ett mycket viktigt attribut och bör inkluderas för alla dina bilder. Den anger texten som ska visas i stället för bilden
• BORDER - lägger till en ram till din bild med den tjocklek som anges i pixlar
• Höjd och bredd - kan användas för att definiera bredden och höjden på den bild du vill visa, vilket gör att du kan ändra bildens storlek. Var försiktig med attributen eftersom du kan ändra bildkvaliteten och proportionerna, vilket resulterar i bilder av dålig kvalitet
• VSPACE och HSPACE - används för att lägga till vitt utrymme runt din bild.