73Чтобы разделить HTML и CSS на отдельные файлы, следует создать два отдельных файла с расширениями .html и .css.
- Создать файл HTML
Создайте файл с расширением .html и добавьте в него HTML-код вашей веб-страницы. Вот пример кода index.html:
<!DOCTYPE html>
<html>
<head>
<title>Моя веб-страница</title>
<link rel="stylesheet" href="style.css"> <!-- подключаем CSS-файл -->
</head>
<body>
<h1>Добро пожаловать!</h1>
<p>Это моя первая веб-страница.</p>
<button>Нажми меня</button>
</body>
</html>- Создать файл CSS
Создайте файл с расширением .css и добавьте в него CSS-код для стилизации веб-страницы. Вот пример кода style.css:
body {
background-color: #f1f1f1;
}
h1 {
color: blue;
font-size: 2em;
}
p {
color: green;
font-size: 1.2em;
}
button {
background-color: orange;
color: white;
font-size: 1em;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}- Подключить CSS-файл к HTML-файлу
Добавьте внутри <head> тега HTML-файла ссылку на CSS-файл с помощью тега <link>. В примере выше это сделано следующей строкой:
<link rel="stylesheet" href="style.css">Это указывает на то, что нужно использовать файл style.css для стилизации страницы.
Таким образом, HTML-код и CSS-код разделены на два отдельных файла, что упрощает управление кодом и позволяет лучше организовать проект.
