Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Referenciar imagnes

Hola!

Estoy escribiendo mi codigo en Sublime, y creí que no habia problema, pero al parecer no referencia las imagnes, no las toma ¿me podrian ayudar?

les dejo el código:

<head>

    <meta charset="utf-8">
    <title>Barberia Alura</title>

    <link rel="stylesheet" href="style.css">

</head>

<body>

    <img id="banner" src="banner.jpg">

    <div class="principal">

        <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>


    </div>


    <div class="diferenciales">

        <h2> Diferenciales</h2>

        <ul>
            <li class="items">Atención personalizada a los clientes</li>
            <li class="items">Espacio diferenciado</li>
            <li class="items">Localización</li>
            <li class="items">Profesionales calificados</li>

        </ul>

        <img src="diferenciales/diferenciales.jpg">

    </div>    

</body>    

He buscado maneras de referenciarla, pero siempre en el navegador me aparece así:

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

1 respuesta

¡Hola Anllylorenagonzalezarcila!

Por lo que puedo ver en tu código, estás tratando de referenciar una imagen en la carpeta "diferenciales". Para hacerlo, debes asegurarte de que la imagen esté en la misma carpeta que tu archivo HTML o que la ruta que estás utilizando para referenciarla sea correcta.

En este caso, la ruta que estás utilizando es "diferenciales/diferenciales.jpg", lo que significa que la imagen debe estar en una carpeta llamada "diferenciales" dentro de la carpeta donde está tu archivo HTML. ¿Estás segura de que la imagen está en esa carpeta y que se llama "diferenciales.jpg"?

Si la imagen está en otra carpeta o tiene otro nombre, debes modificar la ruta para que coincida con la ubicación y el nombre correctos.

Espero que esto te ayude a solucionar el problema. ¡Buenos estudios!