0

Estoy creando una página estática para un proyecto de la universidad cuyo propósito es ser una especie de diario usando HTML.

De manera local me funciona correctamente todo; ya cargué el proyecto por medio de GitHub y la página abre, pero no me muestra ninguna de las imágenes y el audio que inserté.

Considero que es un problema de rutas, pero en sí no sé cuál debería ser la ruta correcta para visualizar los archivos.

Este es el esquema de las carpetas que tengo en el repositorio:

introducir la descripción de la imagen aquí

Este es mi código de HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dema.org LBRRTS</title>
    <link rel="stylesheet" type="text/css" href="/static/style.css">
</head>
<body>
    <div class="container">
        <div class="txt">24 08 moon 18</div>
        <br>
        <div class="audio">
            <label for="au">ride-twenty one pilots</label>
            <audio src="/static/_ride.mp3" controls class="au"></audio>
        </div>
        <br>
        <div class="img">
            <img src="/static/_1.jpeg" alt="" style="width: 50%; height: auto;" class="a">
            <br>
            <img src="/static/_3.jpeg" alt="" style="width: 50%; height: auto;" class="b">
            <br>
            <img src="/static/_2.jpeg" alt="" style="width: 50%; height: auto;" class="c">
            <br>
            <img src="/static/_4.jpeg" alt="" style="width: 80%; height: auto;" class="d">
        </div>
    </div>
</body>
</html>

Agradezco la ayuda que me puedan brindar de antemano <3

2
  • 1
    ¿no sería /static/img?
    – Alvaro Montoro
    Commented el 29 ago. a las 1:46
  • Si, me salté esa carpeta. Pero ya lo intenté así /static/img/_1.jpeg, ../static/img/_1.jpeg, static/img/_1.jpeg y sigue sin funcionar
    – M. Casas
    Commented el 29 ago. a las 4:37

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.