Чтобы создать текст на веб-странице, необходимо воспользоваться HTML-тегом <p>
(абзац):
<p>Это текст на веб-странице</p>
Чтобы задать стили для текста в CSS, используйте различные свойства CSS, например:
p {
color: red; /* задает цвет текста */
font-size: 20px; /* задает размер шрифта */
font-weight: bold; /* делает текст жирным */
font-family: Arial, sans-serif; /* выбирает шрифт */
text-align: center; /* задает выравнивание текста */
text-decoration: underline; /* добавляет подчеркивание */
}
Здесь пример CSS задает цвет текста красным, размер шрифта 20 пикселей, делает текст жирным, выбирает шрифт Arial или аналогичный, выравнивает текст по центру и добавляет подчеркивание.
Если вы хотите добавить несколько различных стилей для разных элементов на вашей веб-странице, вы можете использовать селекторы, например:
/* Стиль для всех абзацев */
p {
color: red;
}
/* Стиль для заголовка первого уровня */
h1 {
color: blue;
}
/* Стиль для ссылки */
a {
color: green;
}
Абзацы получат цвет текста красным, заголовок первого уровня — синим, а ссылка — зеленым.
Чтобы подключить CSS к HTML, необходимо добавить тег <link>
в секцию <head>
вашей HTML-страницы:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Моя страница</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<p>Это текст на веб-странице</p>
</body>
</html>
Здесь атрибут href
указывает на путь к файлу со стилями CSS. В примере выше файл называется styles.css
и находится в той же директории, что и HTML-файл.
Таким образом, при просмотре этой веб-страницы браузер будет использовать стили из файла styles.css
, чтобы отображать текст.