Мой первый сайт на базе HostGator не соединяет HTML и CSS - PullRequest
Новая
       0

Мой первый сайт на базе HostGator не соединяет HTML и CSS

0 голосов
/ 15 октября 2019

Я пытаюсь подключить мою домашнюю страницу HTML к моей таблице стилей CSS. Он работает на моем компьютере, но, похоже, не работает на сервере Hostgator. Я не знаю, что я делаю не так.

Я попытался найти ответы и нашел одно решение - создать подпапку для CSS в папке public_html. Я пытался сделать это, но это не сработало. Когда я обновляю страницу, это все еще обычный (не стилизованный) текст файла HTML. Вот мой сайт: humanref.com. Я также попытался перенаправить HTML-код в нужное место, что, по-моему, я делаю успешно, он все еще не работает.

Вот как выглядит файловая организация на моем сервере gator хоста: 


-public_html
  -cgi_bin
  -css
    -style.css***
  -HumanRef
  -Default.html***

Я хочу подключить помеченные.

--- (Примечание: я еще не перенаправил UL, потому что хочу убедиться, что css работает.) ----

Ниже приведен файл с именем Default.html 

<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<nav>
<div class="topnav">
<ul>
    <li><a href="C:/Users/trevo/Desktop/Documents/GitHub/HumanRef/HumanRefrence/Pages/Home/Home2.html">Home</a></li>
    <li><a href="C:/Users/trevo/Desktop/Documents/GitHub/HumanRef/HumanRefrence/Pages/Explore/ExploreMain.html">Exlpore</a></li>
    <li><a href="C:/Users/trevo/Desktop/Documents/GitHub/HumanRef/HumanRefrence/Pages/How to Help/DonateYourFace.html">How To Help</a></li>
    <li><a href="C:/Users/trevo/Desktop/Documents/GitHub/HumanRef/HumanRefrence/Pages/About Us/about.html">About Us</a></li>
</ul>
</div>
</nav>
</body>
<link href="/css/style.css" rel="stylesheet" type="text/css" /></html>
<title>Welcome to HumanRefrence</title>
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet" />
<div class="title">
<h1>Welcome to HumanRefrence</h1>

<p>Refrence the Diverstiy of Humanity</p>

<p><button class="button">Start Exploring</button></p>
</div>

<div class="Purpose">
<h2>This Sites Purpose</h2>

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

Ответы [ 2 ]

1 голос
/ 15 октября 2019

Базовая структура HTML 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <ul>
        <li><a href="pages/site1.html"></a></li>
        <li><a href="pages/site2.html"></a></li>
        <li><a href="pages/site3.html"></a></li>
        <li><a href="pages/subpage/subpage1.html"></a></li>
    </ul>
</body>
</html>

Дополнительная информация: Введение в HTML

Структура папки должна выглядеть примерно так: 

public_html
    index.html
    css
        style.css
    pages
        page1.html
        page2.html
        page3.html
        subpages
            subpage1.html

Я рекомендую использовать относительные пути вместо абсолютных путей.

0 голосов
/ 15 октября 2019

действительно простой ответ, но вместо того, чтобы выяснить, какая файловая система, вы рассматривали вопрос о размещении вашего CSS внутри тега стиля в вашем HTML-файле? 

<style>
   .box {
      color: green;
      border: 2px solid black;
    }
</style>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...