Hogyan adhat hozzá képeket egy HTML weboldalhoz

Képek hozzáadása a weboldalának oldalain gyakran tetszeni fog a szem számára, és jobban továbbíthatja az információt, mint a szöveg használata. Ez a folyamat HTML kód és képfájl használatával érhető el. A fájl lehet egy másik weboldaltól vagy egy webkiszolgálón tárolható.

Használni a címke

A weblap HTML-kódjában hozzáadhat egy képet a címke. Ban, -ben tag, négy attribútumot kell megadnia:

  • Src - A forrás attribútum jelzi a kép helyét. Használhat egy relatív útvonalat, ha a kép ugyanazon a kiszolgálón van, mint a webhelye, de egy másik webhelyről származó képek abszolút útvonalakat igényelnek.
  • Alt - Az alternatív szöveg attribútum a kép írott leírása.
  • Szélesség - A kép szélessége.
  • Magasság - A kép magassága.

A választható attribútum a Border ( Határ), amely lehetővé teszi, hogy a kép körül határokat adjon meg. A határ attribútumot pixel méretben határozzuk meg. Például a szegély = 1 használatával a A címke azt jelenti, hogy a kép a kép körül 1 pixel széles lenne.

Megjegyzés: A Border attribútum elavult a HTML5-ben, és nem támogatott.

Példák

Az alábbi példák az aktuális oldal tetején található kép hozzáadásához használt HTML-kódot mutatják. Lehet, hogy bárhol behelyezhetők az oldal testébe. Az első rövidebb URL-címet tartalmaz, mert a kép a szerveren tárolódik; a második az, hogy hogyan kapcsolódik a képünkhöz.

Az 1. példa

2. példa

Milyen képformátumokat használhatok egy weboldalon?

A képek, fényképek, logók és egyéb képek leggyakoribb képformátumai a JPEG, a GIF és a PNG. Más, széles körben nem támogatott képformátumok, mint például a BMP, nem működhetnek minden böngészőben.

Szükségem van idézetekre az img címke attribútumai körében?

Igen. Bár a mai böngészők jellemzően megakadályozhatják az attribútumértékek körüli hiányzó idézetekkel kapcsolatos hibákat, a hibák elkerülése érdekében mindig egy attribútumértékkel kell rendelkeznie.