Imágenes HTML

Imagenes en HTML

Como se indica en nuestra lección de enlaces. Esta es la forma estándar de agregar una imagen a su proyecto.

Ejemplo
<!DOCTYPE html>
<html>
<head>
</head> 
<body>
<img src="cubo_rojo.jpg">
</body>
</html>
Resultado:
beautiful mountain

Imagenes html - atl

El atributo alt proporciona un texto alternativo para una imagen, si el usuario por alguna razón no puede verlo (debido a una conexión lenta, un error en el atributo src, o si el usuario usa un lector de pantalla).

Ejemplo
<img src="cubo_rojo.jpg" alt="Un cubo rojo">
Resultadp:
Un cubo rojo

Tamaño de imagen - Ancho y Altura

Utilizando Width y Height te permite personalizar el tamaño de la imagen

Ejemplo
<img src="cubo_rojo.jpg" height="100" Width="100">
Resultado:

Tamaño personalizar.


Tamaño regular.


Imagen como enlace

Para usar una imagen como enlacio envolve la etiqueta <a></a> alrededor de la etiqueta <img>.

Ejemplo
<a href="http://www.hablacode.com">
 <img src="cubo_rojo.jpg">
</a>
Resultado: