HTML和CSS代码没有链接_Html_Css

HTML和CSS代码没有链接

html css

HTML和CSS代码没有链接,html,css,Html,Css,我已经编写了html和css代码，但两个文件都没有链接。我在代码中找不到任何错误。这是我的html文件 <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>basicapp</title> <link rel="s

我已经编写了html和css代码，但两个文件都没有链接。我在代码中找不到任何错误。这是我的html文件

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>basicapp</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="static/css/basicapp.css"/>
  </head>
  <body>
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Newspaper</a></li>
        <li><a href="#">Planner</a></li>
        <li><a href="#">Chatroom</a></li>
        <li><a href="#">debate</a></li>
        <li><a href="#">Talkative</a></li>
 </body>
</html>

文件结构为：

/desktop/templates/index.html
/desktop/static/css/basicapp.css

如中所述：css文件的路径与html文件的路径相关。尝试使用

href=“../static/css/basicap.css”

如您所述：

- desktop
  - templates
    - index.html
  - static
    - css
      - basicapp.css

由于您的CSS位于另一个文件夹中，因此您必须以以下任何方式链接：

尝试相对路径：

<link rel="stylesheet" type="text/css" href="../static/css/basicapp.css"/>

<link rel="stylesheet" type="text/css" href="/desktop/static/css/basicapp.css"/>

或者

尝试绝对路径：

<link rel="stylesheet" type="text/css" href="../static/css/basicapp.css"/>

<link rel="stylesheet" type="text/css" href="/desktop/static/css/basicapp.css"/>

答案已经提供给您，但这里有更多信息：

```
/
```
是一个绝对路径，例如，
```
/index.html
```
将位于服务器的根目录下，或者很可能位于您的电脑上
```
C://
```
或
```
/
```
当前文件所在的文件夹，这就是您的实际情况
```
static/css/basicap.css
```
将带您进入
```
/desktop/templates/static/css/basicap.css
```
```
。/
```
是相对于当前文件夹的父文件夹（因此提供了答案）

例子假设您具有以下结构：

/folderA/folderB/index.html

/folderA/folderB/fileA.html

/folderA/folderC/fileB.html

假设您在

index.html

中：

要访问文件A:

/fileA.html

或

fileA.html

要访问文件B:

。/folderC/fileB.html

我省略了绝对路径，因为它们往往不被推荐，因为你可能不知道你网站的真正根

你的代码

拉希德·拉哈特

编辑：应用异端猴子的评论。

css文件的路径与html文件的路径相关。尝试使用

href=“../static/css/basicap.css”

这是否回答了您的问题？如果答案提供了替代代码，但没有解释为什么所提供的代码会更好地工作，那么通常会比那些提供了解释的答案更容易被否决。在这种情况下，否决票可能来自这样一个事实，即在从HTML文件中进行文件夹层次结构的两个层次（如

。/../../

所做的）之后，一个文件夹最终位于

桌面

文件夹中，而不是位于

静态

文件夹中，必要的。我已经更新了我的答案。请注意，带有用户名的@只在评论中有效，而不是在帖子中。“是相对于当前文件夹的子文件夹”我想说它与当前文件所在的文件夹是同一个文件夹。“``或

都不能在目录树中向上或向下导航到父目录或子目录。