CSS
Link элемент
Пример кода
Зарегистрируйте домен (выделенное имя) у любого хостинг-провайдера. Арендуйте виртуальный хостинг (сервер) для хранения файлов и постоянного подключения к сети Интернет. Привяжите домен к хостингу и создайте "сайт" через панель управления хостинг-провайдера следуя его инструкциям.
Откройте текстовый редактор (среду разработки). Создайте файл-index.html и сохраните его.
Если описание стилей находится в отдельном файле, оно может быть подключено к документу посредством элемента <link>, включённого в элемент <head>. Откройте файл - index.html, в нем создайте шаблон html формата и сохраните его:
<html>
<head>
<link rel="stylesheet" type="text/css" href="style/style.css">
</head>
<body>
<p>Текст красный.</p>
</body>
</html>
Разместите файл-index.html на хостинге в нужной директории через панель управления хостинг-провайдера следуя его инструкциям. В этой же директории создайте папку "style". В папке "style" создайте файл style.css, в нем создайте шаблон css формата и сохраните его:
p {color: red;}
В панели управления хостинг-провайдера (как правило раздел "сайты") найдите созданный "сайт" и кликните на него. Браузер отредактирует и откроет ваш HTML документ:
Вывод на экран
Текст красный.
Если вы увидели это на экране монитора, вы все сделали правильно.
Остались вопросы? Нужна помощь? Напишите администратору сайта.