Hvad er den rigtige måde at bruge et HTML -billedmærke på?

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

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

Koden til HTML -billedtag er: lt; img src ' billedplacering / gt;.Billedplacering er filnavnet på det billede, du vil blive vist, og hvor billedet er gemt.Det er vigtigt, at du får disse oplysninger korrekt for at sikre, at billedet vises korrekt.Organisationen 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 -billedmærket.Når en webside har et antal billeder, er det almindeligt at oprette en undermappe, ofte kaldet billeder .I dette tilfælde vil undermappen -navnet også være inkluderet i mærket.

Som et eksempel er her, hvad vi ville gøre for at indsætte et billede af et træ, filnavn træ.jpg, på en webside.Hvis vi havde gemt træbilledet på samme sted som vores andre websidefiler, ville HTML -billedtaget være lt; img src ' træ.jpg gt;.Hvis billedfilen blev gemt i en undermappe inden for vores websidekatalog, ville mærket blive ændret til lt; img src ' billeder/træ.jpg gt;.Det, der er vigtigt at huske, er, at HTML -billedmærket giver en reference eller sti til billedfilen.Grundlæggende fortæller det browseren, hvor man skal kigge efter filen.

HTML -billedmærket har et antal attributter, der kan specificeres til det billede, du vil medtage.Attributter er karakteristika for selve mærket, og derfor bruges de i mærket eller mellem lt;og gt;.De attributter, der bruges med HTML -billedmærket, er:

• Align mdash;Specificerer, hvordan dit billede er justeret i forhold til teksten på din side (venstre, højre, top, midterste, bund)
• Alt mdash;henviser til alternativ tekst.Dette er en meget vigtig egenskab og bør inkluderes for alle dine billeder.Den specificerer den tekst, der vises i stedet for billedet
• Border Mdash;Tilføjer en grænse til dit billede med tykkelsen specificeret i pixels
• Højde og bredde mdash;Kan bruges til at definere bredden og højden på det billede, du vil have vist, som giver dig mulighed for at ændre størrelsen på billedet.Vær forsigtig med at bruge disse attributter, da du kan ændre kvaliteten af billedet og proportioner, hvilket resulterer i billeder af dårlig kvalitet
• VSPACE og HSPACE MDASH;bruges til at tilføje hvidt rum omkring dit billede.