Atributos de Imagen en HTML
En la imagen de abajo podemos observar el código para insertar una imagen y los atributos que tiene son border ( borde), data-original-height ( altura original), data-original-width (ancho original) height (altura) y src (indica la url de la imagen).
<img border="0" data-original-height="136" data-original-width="1365" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE5kYQA46TiN1mT1rKWx2WpSGexcji_DlBOO2EbQi279O9B1cWhhXzr_7eQqhy6jow3NFFXnBV9DdbWb9ndwnO2QlsxF3ePGMNculqueKykQhitxYwuZG3vnlHn1uB-q-NIVnqDd0PZWQ/s640/izda.png" width="640" />
Esta es la misma imagen pero hemos modificado el valor del atributo border aplicándole un grosor de 5 píxeles.
En este caso si modificamos data-original-height ( altura original) o data-original-width (ancho original) no va a pasar nada porque lo que realmente determina el tamaño de la imagen es el atributo height .
En este ultimo modificamos el valor del atributo height (altura) aplicándole una altura de 100 píxeles. Y vemos que la imagen se deforma.
<img border="0" data-original-height="136" data-original-width="1365" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE5kYQA46TiN1mT1rKWx2WpSGexcji_DlBOO2EbQi279O9B1cWhhXzr_7eQqhy6jow3NFFXnBV9DdbWb9ndwnO2QlsxF3ePGMNculqueKykQhitxYwuZG3vnlHn1uB-q-NIVnqDd0PZWQ/s640/izda.png" width="640" />
Esta es la misma imagen pero hemos modificado el valor del atributo border aplicándole un grosor de 5 píxeles.
En este caso si modificamos data-original-height ( altura original) o data-original-width (ancho original) no va a pasar nada porque lo que realmente determina el tamaño de la imagen es el atributo height .
En este ultimo modificamos el valor del atributo height (altura) aplicándole una altura de 100 píxeles. Y vemos que la imagen se deforma.
Comentarios
Publicar un comentario