Hvad er den rigtige måde at bruge et HTML Image Tag?

Billeder føjes ofte til websider for at få dem til at se mere indbydende og interessante ud sammenlignet med en side med almindelig tekst. Ved hjælp af HTML Image tag er det let at tilføje billeder til alle websider. Dette tag har også et antal attributter eller egenskaber, som du kan specificere.

Når du tilføjer billeder til en webside, er det vigtigt at huske, at et billede ikke er en del af filen, der udgør selve websiden. De filer, der bruges til websiden, er separate filer fra alle billedfiler. HTML Image-taget henviser webbrowseren til den specifikke billedfil for det billede, du vil have vist. Når websiden vises i en browser, vises billedfilen sammen med andre filer, der udgør denne side.

Koden til HTML-billedtagget er: <IMG SRC = "billedplacering" />. Billedplacering er filnavnet for det billede, du vil have vist, og hvor billedet er gemt. Det er vigtigt, at du får disse oplysninger korrekte for at sikre, at billedet vises korrekt. Organisering og opbevaring af billeder, som du vil bruge på din webside, er vigtige overvejelser.

Nogle mennesker gemmer deres billeder i det samme bibliotek som alle de andre dele af deres websider. I dette tilfælde, når du henviser til billedet, vil du kun medtage filnavnet i HTML Image-tagget. Når en webside har et antal billeder, er det almindeligt at oprette en undermappe, ofte kaldet billeder . I dette tilfælde vil undermappe-navnet også være inkluderet i tagget.

Som eksempel er her, hvad vi ville gøre for at indsætte et billede af et træ, filnavn tree.jpg, på en webside. Hvis vi havde gemt træbilledet samme sted som vores andre websidefiler, ville HTML Image-tagget være <IMG SRC = "tree.jpg">. Hvis billedfilen blev gemt i en undermappe i vores webside-bibliotek, ville tagget ændres til <IMG SRC = "images / tree.jpg">. Det, der er vigtigt at huske, er, at HTML Image-mærket giver en henvisning eller sti til billedfilen. Grundlæggende fortæller den browseren, hvor den skal kigge efter filen.

HTML Image-tagget har et antal attributter, der kan specificeres for det billede, du vil inkludere. Attributter er karakteristika for selve tagget, og de bruges således i tagget eller mellem <og>. Attributterne, der bruges med HTML Image-tagget er:

• ALIGN - angiver, hvordan dit billede er justeret i forhold til teksten på din side (VENSTRE, HØJRE, TOP, MIDDEL, BOTTOM)
• ALT - henviser til alternativ tekst. Dette er en meget vigtig egenskab og bør inkluderes til alle dine billeder. Den specificerer den tekst, der vises i stedet for billedet
• BORDER - tilføjer en ramme til dit billede med den tykkelse, der er angivet i pixels
• HEIGHT and WIDTH - kan bruges til at definere bredden og højden på det billede, du vil have vist, hvilket giver dig mulighed for at ændre størrelsen på billedet. Vær forsigtig med at bruge disse attributter, da du kan ændre billedets kvalitet og proportioner, hvilket resulterer i billeder af dårlig kvalitet
• VSPACE og HSPACE - bruges til at tilføje hvidt rum omkring dit billede.