¿Cómo establecer el ancho y alto de una imagen usando HTML?

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:

Publicación traducida automáticamente

Artículo escrito por vkash8574 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *