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: lt; img src ' bildplats / gt;.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.Organisation 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 deras 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 det här fallet 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 lt; img src ' Tree.jpg gt;.Om bildfilen lagrades i en underkatalog i vår webbsida katalog, skulle taggen ändras till lt; img src ' bilder/tree.jpg gt;.Det som är viktigt att komma ihåg är att 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 lt;och gt;.Attributen som används med HTML -bildtaggen är:

• Align mdash;Anger hur din bild är inriktad i förhållande till texten på din sida (vänster, höger, topp, mitt, botten)
• Alt mdash;hänvisar till 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
• Border mdash;Lägger till en gräns till din bild, med den tjocklek som anges i pixlar
• Höjd och bredd mdash;kan användas för att definiera bredden och höjden på den bild du vill visas, vilket gör att du kan ändra bildstorleken.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 MDASH;används för att lägga till vitt utrymme runt din bild.