Helyezzen be képeket HTML-fel - hogyan működik
Ha képet akar beszúrni a webhelyére HTML-lel, használja az img címkét. Olvassa el itt, hogy pontosan hogyan működik ez, és mit kell vigyáznia.
Képek beszúrása HTML-lel - az alapok
- A nappal
képeket helyezhet be. - A képforrást a címke adja meg:
beilleszti a "testbild.webp" fájlt a "Képek" almappába a weboldalon. - Külső források URL-en keresztül is lehetséges:
integrálja a CHIP logót szervereinkről.
Beágyazott képek HTML-attribútumai
Számos attribútum adható hozzá az img taghez:
- A "szélesség" és "magasság" segítségével határozza meg a kép méretét a weboldalon: A kép
négyzet alakú, 100 pixel oldalhosszúsággal jelenik meg. - Az "alt" gombbal meghatározhat egy alternatív szöveget, amely akkor jelenik meg, ha a megfelelő képet nem lehet betölteni. Mindig be kell állítania ezt az attribútumot, amikor képeket HTML-be szúr be.
- A "border" attribútum meghatározza a keret vastagságát pixelben. Egy kép a
viszonylag vastag, öt képpontos kerettel rendelkezik. - A grafika igazításához használja az "igazítás" -t. Ennek az attribútumnak az értékei "alsó", "felső", "középső", "bal", "jobb" és "középen".
- A "hspace" és a "vspace" gombokkal (vízszintesen és függőlegesen) beállíthat egy távolságot a képtől.
Melyik formátumot kell használni?
Különböző képformátumok léteznek, amelyeket beilleszthet a HTML-kódba.
- JPG: A JPG formátumú képeket a weboldalakhoz használják leggyakrabban. Ez a formátum 16, 7 millió színt képvisel, emellett a JPG nagyon jól tömöríthető. A képfájl tehát nagyon kicsi lehet, ami lehetővé teszi a gyors betöltési időt.
- PNG: A PNG formátum 16, 7 millió színt képes megjeleníteni és tömöríthető. A JPG formátum előnye, hogy a tömörítés veszteségek nélkül lehetséges.
- A PNG formátumban meghatározott területek átlátható módon is megjeleníthetők. A nagyon régi böngészőknek azonban vannak problémák az írásvetítő fóliák megjelenítésével.
- GIF: Ha mozgó képeket akar HTML-be illeszteni, akkor a GIF formátum megfelelő. Csak 256 szín jelenik meg ebben a formátumban, és a tömörítés automatikusan történik, beállítási lehetőségek nélkül.
- A GIF formátum a legmegfelelőbb kis, animált grafikákhoz vagy logókhoz. Annak érdekében, hogy a logók harmonikusan illeszkedjenek az oldalhoz, az írásvetítő fóliák GIF formátumban is használhatók, mint például PNG.
HTML például
- Ez integrálja a weboldalunkon található CHIP logót.
- A képernyő 100 pixel magassággal és 200 pixel szélességgel jelenik meg.
- Ha nem lehet betölteni, akkor a "CHIP-Logo" üres szövegként jelenik meg.
- A képet két képpontos keret keretezi.
- Jobbra van igazítva, és 50 pixel van az egyéb oldalelemektől.