Соединить файл CSS с HTML можно с помощью специального тега <link>
внутри секции <head>
документа. Например, если у вас есть файл стилей с названием «style.css», который находится в корневой папке вашего веб-сайта, то HTML-код для подключения этого файла может выглядеть так:
<!DOCTYPE html>
<html>
<head>
<title>Мой веб-сайт</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!-- Содержимое страницы -->
</body>
</html>
В этом примере мы использовали тег <link>
, чтобы связать файл «style.css» со страницей HTML. Атрибут rel
указывает, что это связующее звено и оно является таблицей стилей, а атрибут href
указывает на расположение файла «style.css». Теперь HTML будет использовать этот файл стилей для стилизации элементов на странице.
Обратите внимание, что файл CSS должен находиться в той же директории, что и файл HTML, или в поддиректории. Если файл CSS находится в другой папке, то атрибут href
должен указывать на правильный путь к файлу.
Например, если файл CSS находится в папке «css» в корневой директории, то HTML-код будет выглядеть так:
<link rel="stylesheet" type="text/css" href="css/style.css">
Такой код указывает на файл CSS «style.css» в папке «css», которая находится в корневой директории вашего веб-сайта.