Solucionado
Buen día, he tenido problemas para lograr cargar la imagen, he sido muy cuidadoso copiando y pegando la ubicación del archivo desde propiedades, añadiendo el nombre del archivo o siguiendo los pasos que se muestran en el video, sin embargo,la imagen no me abre ni en visual studio ni en el navegador, he intentado moviendo la ubicación de la imagen, recortando la ubicación, descargando otra imagen pero no logro que esta me cargue, alguna recomendación?
Hola Juan José,
Veo que el nombre de la imagen no tiene la extensión .jpg y también debe estar ubicada en la carpeta donde generaste el index de tu html, por ejemplo yo hice una carpeta aparte para agregar las imágenes dentro de la misma carpeta de mi index.html
Espero que esto pueda ayudarte para que la imagen te aparezca
Hola Juan, veo que la ruta esta mal creada. Simplemente puedes crear una carpeta de banner dentro de tu proyecto y la puedes enlazar de la siguiente manera:
<img src="./banner/banner.jpg" >O coloca la imagen dentro de la carpeta asi mismo como enlazaste el style.css pero le colocas ./ antes del nombre asi:
<img src="./banner.jpg" >Pero para que te queda mas claro te recomiendo que estudies el manejo y concepto de rutas absolutas y relativas, te comparto este articulo:
https://pressroom.hostalia.com/white-papers/rutas-absolutas-y-relativas/
saludos!
Buenas! si tu archivo HTML esta en la misma carpeta que la imagen(.jpg) la linea de código seria así:
<img src= "banner.jpg">en caso de que este dentro de una carpeta que esta en la misma de tu archivo html seria asi:
<img src= "(nombre de la carpeta)/banner.jpg">supongamos que la carpeta se llama como el archivo
<img src= "banner/banner.jpg">yo recomendaría que tengas las imágenes dentro de carpetas con su mismo nombre, asi seria mas sencillo el codigo y ubicar c/u.
Para sacarte una duda por si acaso, que la imagen tenga o no la extencion ".jpg" o ".png" no afecta en nada que no este explicita, eso es para especificar el tipo de documento, si subis un word (ejemplo) poner ".word" y listo. Espero haberte ayudado!
Exactamente! No tenía la imagen en la misma carpeta del proyecto, muchas gracias por la corrección! Ya funciona perfectamente.