En nuestras 2 partes de imágenes en html, aprendimos como insertar imágenes en html a través de una imagen alojada en nuestra PC ó en Internet, en esta parte veremos con cambiar el tamaño de las imágenes
como ejemplo mostrare esta imagen con su tamaño original.
podemos observar que la imagen es muy grande y ocupa toda la pantalla lo que haremos es reducir sus tamaños en html se manejan dos palabras que vienen del idioma ingles
WEIDTH = Ancho de la imagen que queremos otorgar
HEIGHT = Alto de la imagen que queremos otorgar
la etiqueta de la imagen es:
<img src="http://img1.meristation.com/files/imagenes/reportajes/wii/2013/10_anos_de_call_of_duty/call-of-duty-4.jpeg">
ahora agregaremos las 2 palabras (weidth y height) en la etiqueta seguido de el signo igual (=) y un par de comillas ("") de tal manera que quede así
<img src="http://img1.meristation.com/files/imagenes/reportajes/wii/2013/10_anos_de_call_of_duty/call-of-duty-4.jpeg" weidht="" height="">
En la mitad de las comillas agregaremos los tamaños que queremos podemos agregar en pixeles (px) ejemplo
<img src="http://img1.meristation.com/files/imagenes/reportajes/wii/2013/10_anos_de_call_of_duty/call-of-duty-4.jpeg" weidht="300px" height="300px">
los tamaños ya cambiaron ahora debe de visualizarse de esta forma:
0 comentarios:
Publicar un comentario