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

Bilder läggs ofta till på webbsidor så att de ser mer inbjudande och intressanta jämfört med en sida med vanlig text. Med hjälp av HTML -bildtaggen är det enkelt att lägga till bilder på alla webbsidor. Denna tagg 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 för webbsidan är separata filer från alla bildfiler. HTML -bildtaggen hänvisar webbläsaren till den specifika bildfilen för den bild du vill ha. 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: . Bildplats är filnamnet för den bild du vill visas och där bilden lagras. Det är viktigt att du får denna information korrekt för att säkerställa att bilden visas korrekt. DeOrganisation 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 kallad bilder . I detta fall skulle underkatalognamnet också inkluderas i taggen.

Som ett exempel, här är vad 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 webbsidesfiler, skulle HTML -bildtaggen vara . Om bildfilen lagrades i en underkatalog i vår webbsida katalog, skulle taggen ändras till . Vad som är viktigt att komma ihåg är THAT HTML -bildtaggen ger en referens eller sökväg till bildfilen. I grund och botten berättar den webbläsaren var man ska leta efter filen.

HTML -bildtaggen har ett antal attribut som kan anges för den bild du vill inkludera. Attribut är egenskaper hos själva taggen och därför används de i taggen eller mellan . Attributen som används med HTML -bildtaggen är:

• Justera - Anger hur din bild är inriktad i förhållande till texten på din sida (vänster, höger, topp, mitt, botten)
• Alt - avser alternativ text. Detta är ett mycket viktigt attribut och bör inkluderas för alla dina bilder. Den anger texten som visas istället för bilden
• gränsen - lägger till en kant 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 visas, vilket gör att du kan ändra SIZE av bilden. Var försiktig med att använda dessa attribut eftersom du kan ändra bildens kvalitet och proportioner, vilket resulterar i bilder av dålig kvalitet
• Vspace och Hspace - används för att lägga till vitt utrymme runt din bild.