Соединить файл 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”, которая находится в корневой директории вашего веб-сайта.
