Как сделать текст в html, тег span

Практически на каждом сайте можно встретить текстовые надписи, которые отличаются по цвету, размеру, шрифту и другим параметрам внутри одной страницы. Сделать текст в html любым стилем можно с помощью специальных тегов <span> и </span> — разместив между ними надпись, Пример как сделать стиль текста в html: Содержание с <span style="color:green">выделенным словом зеленого цвета </span> внутри текста. В данном примере с помощью свойства color мы задаем зеленый цвет отдельным словам.

Тег <span> чаще всего используется для изменения стиля текста на html в следующих случаях: внутри абзацев (<p>), ячеек таблиц (<td>), слоев (<div>). Тег <span> позволяет сделать весь текст или только часть слов в любом стиле.

По умолчанию у тега span задано свойство display: inline, означающее, что содержимое будет форматироваться как текст, т. е. без отступов и перехода на следующую строку относительно другого содержания.

Пример


Результат в браузере
Пример кода, как сделать текст в html другим стилем

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<title>Тестовая страница</title>
<style> span {color: #0eb93a} </style>
</head>
<body>
Содержание с <span>выделенным словом зеленого цвета </span> внутри текста.
</body>
</html>





© 2007-2024 Студия web дизайна «Webdeco» - Разработка сайтов | Продвижение сайтов | Статьи | Портфолио | Отзывы | Клиенты | Контакты