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
      2·
      1 day 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·
        1 day 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