Solucionado (ver solución)
Solucionado
(ver solución)
11
respuestas

[Duda] No carga la imagen

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

Ya intenté crear una carpeta nueva, poner la imagen como banner.jpg , pero nada que me carga, me colaboran por favor:(

`

    <meta charset="UTF-8">
    <title> Barbería Alura</title>
    <link rel="stylesheet" href=" style.css">
      <img id="banner" src="banner/banner.jpg">

     <h1> Sobre La Barbería Alura</h1> 
     <p> Ubicada en el corazón de la ciudad, la <strong> Barbería Alura </strong>  trae para el mercado lo que hay de mejor para su cabello y barba. Fundada en 2020, la Barbería Alura ya es destaque en la ciudad y conquista nuevos clientes diariamente. </p>
     <p id= "mision"> <em> Nuestra misión es: <strong>"Proporcionar autoestima y calidad de vida a nuestros clientes". </strong> </em> </p>
     <p> Ofrecemos profesionales experimentados que están constantemente observando los cambios y movimiento en el mundo de la moda, para así ofrecer a nuestros clientes las últimas tendencias. El atendimiento posee un padrón de excelencia y agilidad, garantizando calidad y satisfacción de nuestros clientes. </p>

</body>
`
11 respuestas
body{
    background: #CCCCCC
 }

 h1{
    text-align: center;
  }

p{
    text-align: center;
 }

 em strong{
color: red;
 }

 #mision{
front-size: 20px;
 }

para acceder a la imagen se recomienda tener los archivos en el mismo nivel para poder acceder a ellos por ejemplo como lo de esta imagen.

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

donde en la carpeta assets puedo acceder a las imágenes del favicon de manera rápida. y asimismo el index.html esta en el mismo nivel de la carpeta.

Muchas gracias Percy. Tenía el mismo problema. Un abrazo :)

Y cómo creas una carpeta en Visual Studio Code? Estoy intentando, pero no sé que estoy haciendo mal.

en el circulo amarillo es para carpeta, en el circulo azul es para archivo según su extensión que vas a trabajar

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

Gracias, Percy

solución!

Tienes que tener en la misma carpeta tu archivo html y css y en carpetas nuevas el banner y diferenciales, te adjunto como le tengo organizado

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

Muchas gracias en verdad :3

yo ordene todo en la misma carpeta pero aun asi no me carga la imagen :( Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

la imagen debe de estar libre en la carpeta o al mismo nivel, al hacer referencia en el html debes de usar el simbolo / para acceder a la carpeta raiz y de ahi buscar la ubicacion de la imagen

Muchas gracias Percy , ya me salió la imagen en la pagina.