Как правильно связать мои файлы css и html вместе, элемент проверки говорит "ERR_FILE_NOT_FOUND" - PullRequest
Новая
       4

Как правильно связать мои файлы css и html вместе, элемент проверки говорит "ERR_FILE_NOT_FOUND"

1 голос
/ 19 марта 2020

Я перепробовал все методы из HTML, не загружая CSS файл , но, похоже, они не работают. Когда я попытался проверить элемент на chrome, мне сказали

"Не удалось загрузить ресурс: net :: ERR_FILE_NOT_FOUND".

Вот моя файловая структура

C> DevProject> index. html и в моем индексе. html есть два элемента, один "индекс" - моя папка HTML, щелкнув по которой, вы откроете веб-сайт. И еще один элемент "стиль", который является моим CSS файлом, нажав на него, открывается блокнот с кодом

Вот код 

<!DOCTYPE html>
<html>
<head>

  <title>Test Title</title>
     <link href="/style.css/"type="text/css" rel="stylesheet">
</head>
<body>
    <h1>H1 text</h1>
    <p>I'm learning to code on Codecademy! My goals include:</p>
    <ul>
      <li>Goal 1</li>
      <li>Goal 2</li>
      <li>Goal 3</li>
    </ul>

</body>
</html>

Здесь это CSS код 

* {
    font-family: Helvetica, Arial, sans-serif;
  }


  h1 {
    color: SeaGreen;
  }


  p, 
  li {
    font-size: 18px;
  }


  a {
    text-decoration: none;
  }

Я также пытался изменить на href="DevProject/index.html/style.css/", но "Переход по ссылке" через код VS дает мне

Невозможно читать файл 'c: \ DevProject \ index.html \ DevProject \ index.html \ style.css \

Я гарантировал, что кодировка UTF-8

У меня есть также попытался отделить файлы CSS и HTML, например 

Devproject>style.css>style

, но с той же ошибкой

1 Ответ

0 голосов
/ 19 марта 2020

Вы совершили простую ошибку, но я видел, как новички совершали много раз.

Я бы порекомендовал вам начать с удаления конечного слэ sh в конце ссылки на таблицу стилей.

Если ваша таблица стилей находится в том же каталоге, что и файл индекса. html, сделайте это, как показано ниже. Если ваша таблица стилей находится внутри папки css, вы можете просто изменить ее на <link rel="stylesheet" href="css/style.css">. Кроме того, type="text/css" не требуется. 

<!DOCTYPE html>
<html>
<head>

  <title>Test Title</title>
     <link href="style.css" rel="stylesheet">
</head>
<body>
    <h1>H1 text</h1>
    <p>I'm learning to code on Codecademy! My goals include:</p>
    <ul>
      <li>Goal 1</li>
      <li>Goal 2</li>
      <li>Goal 3</li>
    </ul>

</body>
</html>

Надеюсь, это поможет.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...