Ahora veamos como insertar una imagen en un archivo html para visualizarlo en tu página web.
Recuerda que la imagen debe tener extensión ".JPG" ".PNG" O ".GIF" o de lo contrario el navegador puede tener dificultades para leer el archivo.
Otro aspecto que debes tomar en cuenta es que al momento de escribir tu código debes escribir el nombre de la carpeta que contiene el archivo de imagen y el nombre de la imagen igual que como los hayas escrito.
IMPORTANTE QUE EL NOMBRE DE LA CARPETA Y DE LA IMAGEN NO TENGA ESPACIOS, ACENTOS, SÍMBOLOS NI LA LETRA Ñ. Y QUE SEA EN MINÚSCULAS.
Por ejemplo si tu imagen a insertar se llama nosotros.jpg
tu código sería <img src="nosotros.jpg"> ---> esto en el caso de que tu imagen esté al mismo nivel que tus otros archivos html, es decir, que tu archivo llamado index.html y tu imagen llamada nosotros.jpg se encuentren dentro de la misma carpeta.
ejemplo:
PASOS A SEGUIR ------------------------------>
CREA UNA CARPETA QUE SE LLAME HTML
-guarda una imagen que sea .jpg, .gif o .png dentro de la misma carpeta (para el ejemplo use una llamada koala.jpg)
-Dentro de la misma carpeta crea un archivo en el bloc de notas llamado index.html (que contenga en código base, es decir la estructura de un documento html)
<html>
<head>
<title>IMAGEN</title>
</head>
<body>
<img src="koala.jpg">
</body>
</html>
Guarda tus cambios y abre el archivo index en el navegador para que visualices lo que has hecho
me parece perfecta la clases de la maestra
ResponderEliminar