Тег HTML выделение текста, подсветка фона
Тег используется для выделения фрагмента текста (обычно с помощью подсветки фона).
Используйте тег , если вы хотите выделить участок текста аналогично выделению текста в тетради маркером.
В зависимости от браузера тег может иметь разные стили отображения. В некоторых браузерах тег не имеет стилей по умолчанию, поэтому лучше указывать стиль выделения вручную через CSS свойства.
Выделять часть текста также можно другими способами. Для выделения важных фрагментов (жирным шрифтом) используйте тег ; для выделения по смыслу (курсивом) — тег .
Все виды выделения текста описаны в статье: Теги форматирование текста в HTML.
Синтаксис
выделенный текстОтображение в браузере
Кто ценит свое время, тот читает справочник GuruWeba 😉
Пример использования в HTML коде
Выделение текста маркером mark
Кто ценит свое время, тот читает справочник GuruWeba ;-).
Поддержка браузерами
| Тег |  |
 |
 |
 |
 |
| Да | 9+ | Да | Да | Да |
Как выделить другим цветом фрагмент текста?
Изменить цвет произвольного фрагмента текста на желаемый.
Решение
Создайте новый класс (например, colortext ) и установите для него стилевое свойство color с желаемым значением цвета. После чего выделение фрагмента текста происходит с помощью тега , класс которого совпадает с именем класса, созданным выше.
Пример 1. Выделение фрагмента текста цветом
HTML5 CSS 2.1 IE Cr Op Sa Fx
Изменение цвета текста Lorem ipsum dolor sit amet, , sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
Результат данного примера показан ниже.
Рис. 1. Текст, у которого фрагмент выделен с помощью цвета
Класс colortext , созданный в данном примере, можно использовать неоднократно, выделяя цветом текст в нужных местах документа. Если требуется использовать несколько цветов, тогда следует создать несколько классов и добавлять их по необходимости.
Цвет
Как с помощью стилей задать цвет линии, созданной с помощью тега
Цвет линии, добавленной на веб-страницу через тег
, по умолчанию отображается серого цвета и с эффектом объема. Такой вид линии не всегда подходит к дизайну сайта, поэтому понятно желание разработчиков изменить цвет и другие параметры линии через стили. Однако браузеры неоднозначно подходят к этому вопросу, из-за чего придется использовать сразу несколько стилевых атрибутов. В частности, браузер Internet Explorer для цвета линии применяет свойство color , а браузеры Firefox и Opera — background-color . Но это еще не все, при этом обязательно следует указать толщину линии (свойство height ) отличной от нуля и убрать рамку вокруг линии, задавая значение none у свойства border . Собирая все параметры воедино для селектора HR , получим универсальное решение для популярных браузеров.
Как добавить цвет фона к заголовку текста?
Для изменения цвета фона под текстом используется универсальное стилевое свойство background , которое следует добавить к селектору H1 . H6 .
Как изменить цвет фона и текста веб-страницы?
Для изменения цвета фона применяется свойство background добавленное к селектору body , а для цвета текста используется свойство color .
Как выделить другим цветом фрагмент текста?
Создайте новый класс (например, colortext ) и установите для него стилевое свойство color с желаемым значением цвета. После чего выделение фрагмента текста происходит с помощью тега , класс которого совпадает с именем класса, созданным выше.
Хочу изменить цвет первой буквы в каждом абзаце. Что мне для этого надо сделать?
Удобнее всего воспользоваться стилевым псевдоэлементом :first-letter , добавляя его к селектору P . В стилях вначале указывается селектор, затем через двоеточие first-letter , после чего в фигурных скобках пишется свойство color и его значение.
Что означает запись #fc0?
В стилях можно использовать сокращенную форму шестнадцатеричного представления цвета. При этом запись #rgb трактуется как #rrggbb , иными словами #fc0 для браузера означает то же самое, что #ffcc00 . Учтите, что сокращенная форма может применяться только в стилях, но никак не в параметрах тегов HTML (пример 1).
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Популярные рецепты
Как добавить картинку на веб-страницу?
Как добавить иконку сайта в адресную строку браузера?
Как добавить фоновый рисунок на веб-страницу?
Как сделать обтекание картинки текстом?- Как растянуть фон на всю ширину окна?
- Как выровнять фотографию по центру веб-страницы?
Как разместить элементы списка горизонтально?
Как убрать подчеркивание у ссылок?
Как убрать маркеры в маркированном списке?
Как изменить расстояние между строками текста?
Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?- Как открыть ссылку в новом окне?
Как выделить цветом фрагмент текста?
Для изменения цвета фрагмента текста создайте класс с произвольным именем (например, select ) и установите для него стилевое свойство color с желаемым значением цвета. После чего выделение фрагмента текста происходит с помощью элемента , к которому добавляется класс select .
В примере 1 использовано два класса для выделения текста разным цветом — красным и синим.
Пример 1. Выделение фрагмента текста цветом
#include <iostream> using namespace std; int main() < unsigned int n; unsigned long long factorial = 1; for(int i = 1; i <=n; ++i) < factorial *= i; >
Рис. 1. Выделение фрагмента текста цветом
См. также
- color
- currentColor
- text-fill-color
- Атрибут link
- Единицы цвета в CSS
- Знакомство с HTML
- Значки в Bootstrap 5
- Наследование в CSS
- Работа с типографикой
- Элементы и