La altura y el ancho de una imagen se pueden establecer usando el atributo de altura y ancho. La altura y el ancho se pueden establecer en términos de píxeles.
El atributo de altura <img> se utiliza para establecer la altura de la imagen en píxeles. El atributo de ancho <img> se utiliza para establecer el ancho de la imagen en píxeles.
Ejemplo 1: En este ejemplo, estableceremos el ancho y el alto de una imagen.
HTML
<!DOCTYPE html> <html> <head> <title> How to specify the width and height of an image using HTML? </title> </head> <body> <h1 style="color:green;">GeeksforGeeks</h1> <h2> How to specify the width and height of an image using HTML? </h2> <img src= "https://media.geeksforgeeks.org/wp-content/uploads/20190506164011/logo3.png" alt="GeeksforGeeks logo" width="300" height="300"> </body> </html>
Producción:
Ejemplo 2: En este ejemplo, no asignaremos valores de ancho y alto, por lo que la imagen se mostrará con su alto y ancho originales.
HTML
<!DOCTYPE html> <html> <head> <title> How to specify the width and height of an image using HTML? </title> </head> <body> <h1 style="color:green;">GeeksforGeeks</h1> <h2> How to specify the width and height of an image using HTML? </h2> <img src= "https://media.geeksforgeeks.org/wp-content/uploads/20190506164011/logo3.png" alt="GeeksforGeeks logo" width="" height=""> </body> </html>
Producción: