Am trying to learn web development by creating a website my own instead learning every single theory written on a textbook.

Currently am trying to link a stylesheet and favicon on my root folder into the file called debian.html and debian-post-install.html. But it’s not working and I don’t know why.

code used inside both html files head section are,

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

<link rel="icon" type="image/png" href="/images/favicon.png" />

To point to the root directory files or directories we use / in html instead of ../ right? Then why it’s not working.

Also I need advice on how bad is my html file structuring and what changes recommended.

Solution

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

<link rel="icon" type="image/png" href="../../images/favicon.png" />

  • tumbling4986 ( Crumpled6273@lemmy.ca ) OP
    3·
    2 days ago

    Yes, by pointing multiple times to the parent directory, the issue is solved.

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

    <link rel="icon" type="image/png" href="../../images/favicon.png" />

    • Gamma ( GammaGames@beehaw.org ) English
      2·
      2 days ago

      Usually when it’s hosted on a server it’s not this intricate and your first attempt would’ve worked, if you have Python installed you can see what it would look like by running python3 -m http.server from a terminal in the project folder