Content

• Passos
• Consells

Aquest article us mostrarà com definir l'alçada i l'amplada d'una imatge en HTML.

• L'atribut "ample" defineix l'amplada de la imatge (en píxels).
• L'atribut "altura" estableix l'alçada de la imatge (en píxels).
• A HTML4.01, l'alçada es pot establir en píxels o en percentatge, però en HTML5, només en píxels.

Passos

1. 1 Obriu el fitxer HTML. Per exemple, obriu el fitxer default.html.
2. 2 Afegiu la línia següent al vostre codi HTML.
   • img src = "imagefile.webp" alt = "Imatge" height = "42" width = "42">
   • src conté el camí cap al fitxer gràfic (imatge).
   • en alt, s'estableix la mida de la imatge.
3. 3 Substituïu els valors dels atributs d'alçada i amplada pels valors desitjats. Per exemple, així: height = "19" width = "20"
4. 4 Deseu el fitxer i obriu-lo a qualsevol navegador web. Feu això per comprovar com es redimensiona la imatge. L'atribut "ample" és compatible amb tots els navegadors principals (Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer).

Consells

• Definiu sempre l'alçada i l'amplada de la imatge. Així, quan es carrega la pàgina, es reserva espai per a la imatge. En cas contrari, el navegador no sabrà la mida de la imatge i no reservarà espai, cosa que farà que el disseny de la pàgina canviï a mesura que es carregui la pàgina.
• Si es redueix la mida de la imatge gran mitjançant els atributs "altura" i "amplada", l'usuari carregarà la imatge gran (fins i tot si apareix petita a la pàgina). Per tant, us recomanem que primer canvieu la mida de la imatge en un editor de gràfics.