Tartalom

• Lépések
• Tippek

Ez a cikk bemutatja, hogyan állíthatja be a kép magasságát és szélességét HTML -ben.

• A "width" attribútum beállítja a kép szélességét (pixelben).
• A "height" attribútum állítja be a kép magasságát (pixelben).
• A HTML4.01 -ben a magasságot képpontban vagy százalékban lehet beállítani, de HTML5 -ben csak képpontban.

Lépések

1. 1 Nyissa meg a HTML fájlt. Nyissa meg például az default.html fájlt.
2. 2 Adja hozzá a következő sort HTML kódjához.
   • img src = "imagefile.webp" alt = "Image" height = "42" width = "42">
   • Az src tartalmazza a grafikus fájl (kép) elérési útját.
   • az alt -ban a kép mérete van beállítva.
3. 3 Cserélje le a magasság és szélesség attribútumok értékeit a kívánt értékekkel. Például így: height = "19" width = "20"
4. 4 Mentse el a fájlt, és nyissa meg bármelyik webböngészőben. Ezzel ellenőrizheti a kép átméretezését. A "width" attribútumot minden nagyobb böngésző támogatja (Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer).

Tippek

• Mindig állítsa be a kép magasságát és szélességét. Tehát az oldal betöltésekor a képnek van hely. Ellenkező esetben a böngésző nem ismeri a kép méretét, és nem foglal le helyet, így az oldal elrendezése az oldal betöltésekor megváltozik.
• Ha a nagy kép méretét a "height" és a "width" attribútumokkal csökkentik, a felhasználó betölti a nagy képet (akkor is, ha kicsinek tűnik az oldalon). Ezért azt javasoljuk, hogy először méretezze át a képet egy grafikus szerkesztőben.