Чтобы подключить таблицу стилей CSS к HTML-документу, нужно использовать тег <link>
внутри секции <head>
:
<!DOCTYPE html>
<html>
head>
<title>Мой документ</title>
link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Привет, мир!</h1>
p>Это мой первый HTML-документ.</p>
</body>
</html>
В примере выше мы подключаем таблицу стилей из файла styles.css
, который должен находиться в той же папке, что и HTML-документ. Если файл находится в другой папке, нужно указать путь к нему относительно текущей папки. Например, если файл находится в папке css
на том же уровне, что и HTML-документ, то нужно написать:
<link rel="stylesheet" href="css/styles.css">
Также можно использовать абсолютный путь, указывая полный путь к файлу на сервере:
<link rel="stylesheet" href="http://example.com/css/styles.css">