lunes, 8 de julio de 2019

8. img


La etiqueta de html <img>


La etiqueta img nos permite representar imágenes dentro de una página web.
Los atributos más importantes para la etiqueta img son src, alt, width, height.
Nota: Es importante utilizar el texto alternativo a las imágenes para que la página sea correcta. Soluciona problemas de accesibilidad, ya hay usuarios que no tienen capacidad de visualización de imágenes, ya sea por tener deficiencias visuales o que tienen la carga de las imágenes desactivadas.
Nota: Es conveniente que nuestras imágenes tengan el tamaño de ancho y alto (width y heigh) correcto para que no tengamos la sensación de imagen pixelada.
Nota: Si nuestra imagen es más grande que lo que le indicamos en nuestro tamaño y la reducimos proporcionalmente no vamos a tener esa sensación de imagen pixelada pero va a ocupar más espacio de lo que debería.

Ejemplo

Ejemplo etiqueta html <img>
?
1
2
<img src="http://www.ofiline.com/imagenes/logo.gif" width="80" height="�20�" alt="logo ofiline">
<a href="http://www.kaixo.com"><img src="http://www.kaixo.com/images/kaixo.gif" alt="logo kaixo"></a>

No hay comentarios:

Publicar un comentario