Hogyan lehet behelyezni egy képet egy HTML-oldalt

Szergej Syroezhkin Copywriter

Egy egyszerű módja annak, hogy helyezzen be egy képet egy weboldalon html:

De ezen a módon a kép jelenik meg az eredeti méretét, anélkül, szintező, anélkül, hogy további információkat. Ezért, annak érdekében, hogy adjunk egy képet szebben és helyesen, akkor kell használni a további paramétereket. Nézzük meg őket részletesebben.







IMG tag attribútumok

A következő paramétereket használjuk a képek megjelenítésére keresztül IMG tag:

  • szélesség / magasság - jelzi a szélesség / magasság a kép (pixelben vagy százalékban);
  • igazítsa - a nyomvonal (jobb, bal, középen);
  • határ - határozza meg a vastagsága a keret körül a mintát (pixel). Ha az attribútum nincs kifejezetten megadva, akkor az alapértelmezett érték (határ = 0);
  • hspace / vSpace - jelzi a méret a vízszintes / függőleges eltérne a képeket a tartalom.






Nézzük, hogyan lehet egy képet a HTML kódot:

Itt a méretek pixel.

Adaptive képméret HTML

Ha szedése „gumi” vagy „adaptív” design az oldalon, a képek html kódot meg kell határozni a méretét százalékban. Megpróbál létrehozni HTML-oldal az alább látható kódot (az első forgalomba mellett html-fájl képet, melynek neve „img.jpg”), és átméretezni a böngésző ablakot. Látni fogja, hogy a kép mérete változik attól függően, hogy az ablak méretét.




Kapcsolódó cikkek