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å 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 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: . 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. DeOrganisation 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 ville 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 webside -filer, ville HTML -billedtaget være . Hvis billedfilen blev gemt i en undermappe i vores websidenkatalog, ville mærket blive ændret til . Hvad der er vigtigt at huske er tHat 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 egenskaber ved selve tagget, og derfor bruges de i mærket eller mellem . De attributter, der bruges med HTML -billedmærket, er:

• Juster - Angiver, hvordan dit billede er på linje i forhold til teksten på din side (venstre, højre, top, midterste, bund)
• ALT - 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 - tilføjer en grænse til dit billede med tykkelsen specificeret i pixels
• Højde og bredde - kan bruges til at definere bredden og højden på det billede, du vil have vist, som giver dig mulighed for at ændre SIZe af 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 - bruges til at tilføje hvidt rum omkring dit billede.