Чтобы соединить HTML и CSS, нужно использовать тег <style>
внутри тега <head>
в HTML-документе. Внутри тега <style>
можно написать CSS-код для стилизации элементов HTML-документа.
Пример:
<!DOCTYPE html>
<html>
<head>
<title>Мой сайт</title>
<style>
body {
background-color: #ffffff;
font-family: Arial, sans-serif;
}
h1 {
color: #000000;
font-size: 24px;
}
p {
color: #666666;
font-size: 18px;
}
</style>
</head>
<body>
<h1>Добро пожаловать на мой сайт!</h1>
<p>Здесь вы найдете много интересной информации.</p>
</body>
</html>
В данном примере мы использовали тег <style>
для задания фона страницы, шрифта и размера текста заголовков и абзацев.