Cum setați lățimea și înălțimea imaginii utilizând HTML

Din acest articol veți învăța cum să setați înălțimea și lățimea imaginii în HTML.

Atributul "lățime" stabilește lățimea imaginii (în pixeli).
Atributul de înălțime Setează înălțimea imaginii (în pixeli).
În HTML4.01 Înălțimea poate fi setată în pixeli sau procente și în HTML5 numai în pixeli.

Pași

unu. Deschideți fișierul cod HTML. De exemplu, deschideți fișierul implicit.HTML.

Imagine intitulată Setarea lățimii imaginii și înălțimea utilizând HTML Pasul 2

2. Adăugați următoarea linie la codul HTML.

în SRC Specifică calea către fișierul grafic (imagine).

în Alt Dimensiunile sunt setate.

Imagine intitulată Setarea lățimii imaginii și înălțimea utilizând HTML Pasul 3

3. Înlocuiți valorile atributului Înălţime și lăţime pe dreapta. De exemplu, deci: Înălțime ="nouăsprezece" lățime ="douăzeci"

Imagine intitulată Setarea lățimii imaginii și înălțimea utilizând HTML Pasul 4

4. Salvați fișierul și deschideți-l în orice browser web. Faceți-o pentru a verifica cum sa schimbat dimensiunea imaginii. Atributul "Width" este acceptat de toate browserele majore (Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer).

sfaturi

Întreabă întotdeauna înălțimea și lățimea imaginii. Deci, atunci când încărcați pagina sub imagine, își rezervă locul. În caz contrar, browserul nu va cunoaște dimensiunea imaginii și nu se păstrează locul, ca urmare a căreia se va schimba aspectul paginii ca încărcături de pagină.
Dacă dimensiunea imaginii mari este redusă utilizând atributele înălțimii și lățimii, utilizatorul va încărca o imagine mare (chiar dacă pare a fi mică pe pagină). Prin urmare, vă recomandăm mai întâi să modificați dimensiunea imaginii în editorul grafic.