INSERTAR IMÁGENES EN HTML
En las páginas web observamos las imágenes dispuestas de forma centrada, alineada a la izquierda o derecha, esto se desarrolla mediante la inserción de estas por medio de la etiqueta <img>
Esta etiqueta nos permite insertar imágenes en la página web, para esto debemos tener en cuenta la ubicación del archivo y si la ruta a esta. Los tipos de archivo que maneja son png, gif, jpg.
Para más atributos de la etiqueta img pueden observar el siguiente enlace:
https://developer.mozilla.org/es/docs/Web/HTML/Elemento/img
Para el siguiente ejercicio debemos crear una carpeta, en esta debes tener los archivos de imagen y el archivo de HTML.
También podemos utilizar las direcciones o URL de las imágenes de Internet en este caso colocaremos 3 imágenes 1 de ellas en el directorio y otras 2 URL de Internet.
Para limitar el tamaño de las imágenes utilizaremos los atributos width para el ancho y heigth para el alto en pixeles.
La etiqueta img no tiene cierre y para evitar problemas con las imágenes no cargadas se utiliza el atributo alt para dar una descripción en caso de que la imagen no carga.
<!doctype html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Ejemplo de imágenes</title></head>
<body bgcolor="#adef89">
<br><br>
<p align="center" >
A continuación observamos una imagen de evirtualcisneros centrada con ancho de 80 px y alto de 200px<br>
<img src ="buho.png" width="80" height="200" alt="buho">
</p>
<p>imagen alineada a la izquierda con ancho 200px y altura 100px<br>
la imagen viene de un URL <br>
<img src ="http://evirtualcisneros.xyz/images/headers/bannerevc1.png" width="200" height="100" alt="banner"></p>
<p align ="right">
Esta imagen está alineado a la derecha <br>
<img src="http://evirtualcisneros.xyz/images/Imagenesev/computer-3164713_1920.jpg" width="150" height="70" alt="computador"> </p>
</html>
Resultado:
