Как выделить текст цветом в html

Как задать цвет выделения текста?

Выделение обычно применяется для копирования в буфер фрагмента текста, чтобы после этого вставить выделенный фрагмент в другое место. Например, в текстовый редактор для дальнейшей правки текста. Сам цвет и фон выделенного фрагмента определяется настройками операционной системы, но с помощью CSS эти параметры можно задать самостоятельно.

Чтобы указать цвет и фон выделенного текста применяется псевдоэлемент ::selection, в котором задаются свойства color и background, как покаано в примере 1.

Пример 1. Цвет выделенного текста

В условиях электромагнитных помех, неизбежных при полевых измерениях, не всегда можно опредлить, когда именно волна ненаблюдаемо стабилизирует кварк

Результат данного примера показан на рис. 1.

Рис. 1. Цвет и фон выделенного текста

См. также

Как выделить цветом фрагмент текста?

Для изменения цвета фрагмента текста создайте класс с произвольным именем (например, select ) и установите для него стилевое свойство color с желаемым значением цвета. После чего выделение фрагмента текста происходит с помощью элемента , к которому добавляется класс select .

В примере 1 использовано два класса для выделения текста разным цветом — красным и синим.

Пример 1. Выделение фрагмента текста цветом

.cout < color: red; >.cin

#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
Наследование в CSS
Работа с типографикой
Элементы и

Меняем цвет текста и фона
В этом уроке вы узнаете, как менять цвет фона и текста любых элементов HTML-страницы. Вообще, в языке HTML у некоторых тегов есть специальные атрибуты меняющие цвет, например bgcolor (цвет фона). Но, во-первых, эти атрибуты являются устаревшими (думаю помните, что это значит), а во-вторых, как я уже сказал, они есть не у всех тегов. И вот, допустим, вы захотели изменить цвет фона у параграфа текста. И как вы это будете делать, ведь у тега нет такого атрибута? Поэтому, как и в предыдущих уроках, мы будем использовать стили (CSS), то есть универсальный атрибут style , который позволит нам менять цвет там, где мы захотим.
Как можно указывать цвет?
Цвета в HTML (и CSS) можно указывать несколькими способами, я покажу вам самые популярные и распространенные:

Имя цвета — В HTML имеется большой список цветов с именами и для того, чтобы указать цвет, достаточно написать его имя на английском, например: red, green, blue.
HEX-код цвета — Абсолютно любой цвет можно получить, смешав в разных пропорциях три базовых цвета — красный, зеленый и синий. HEX-код — это три пары шестнадцатеричных значений отвечающих за количество этих цветов в каждом цвете. Перед кодом цвета необходимо поставить знак решетка (#), например: #FF8C00, #CC3300 и так далее.

Раньше в HTML рекомендовалось использовать только безопасную палитру цветов, которая гарантированно отображалась во всех браузерах и на всех мониторах одинаково. Но сегодня ей ограничиваться совершенно не обязательно, так как и браузеры и мониторы давно научились правильно отображать гораздо больший список цветов. А вот указывать цвета по именам я вам как раз и не рекомендую, дело в том, что многие браузеры до сих пор с одним и тем же именем связывают разные цвета. Поэтому в данном учебнике я буду всегда использовать именно HEX-коды цветов.
Как изменить цвет текста?
Чтобы изменить цвет текста в любом элементе HTML-страницы надо указать внутри тега атрибут style . Общий синтаксис следующий:
Читать:
Куда скачиваются фото с яндекс диска на айфон
И как обычно, чтобы изменить цвет текста на всей странице — достаточно указать атрибут style в теге . А если необходимо изменить цвет шрифта для фрагмента текста, то заключите его в тег и примените атрибут к нему.
Пример изменения цвета текста
      
Красный текст заголовка
 
Синий текст параграфа.
 
Зеленый курсив. Красный текст. 
  
Результат в браузере
Красный текст заголовка
Синий текст параграфа.
Зеленый курсив. Красный текст.
Как изменить цвет фона?
Цвет фона любого элемента страницы меняется также с помощью атрибута style . Общий синтаксис такой:
Пример изменения цвета фона
      
Заголовок.
 
Параграф.
 
Жирный текст. Обычный текст. 
  
Результат в браузере
Заголовок.
Жирный текст. Обычный текст.
Когда меняешь цвет фона элементов, то становится очень хорошо видно, какую на самом деле ширину занимает каждый из них. Как видите, блочные элементы, такие как параграфы и заголовки, в основном занимают всю доступную ширину, даже если они содержат очень мало текста, а вот встроенные (inline) теги по ширине равны своему содержимому. Кстати, последний параграф в примере тоже занимает всю ширину, просто его фон прозрачный, поэтому сквозь него виден фон страницы. Вообще, фон всех элементов на странице, в которых он не указан явно — прозрачный, вот и все.

Создайте заголовок статьи и двух ее разделов. Напишите в начале статьи и каждом разделе по одному параграфу.
Установите на всей странице шрифт Courier с размером 16px, у заголовка статьи — 22px, а у подзаголовков по 19px.
Пусть у заголовка статьи будет цвет текста #0000CC, а у подзаголовков — #CC3366.
Выделите фоновым цветом #66CC33 два слова во втором параграфе. А в третьем параграфе этим же цветом, но одно подчеркнутое слово.
Не забывайте о том, что значения атрибута style можно группировать, ставя между ними точку с запятой (;).

Разделы сайта

Как сделать сайт 
Самому и бесплатно
Учебник HTML 
Для начинающих
Учебник CSS 
Для новичков
Справочники 
По HTML и CSS
Примеры 
HTML и CSS
Ссылки 
Полезные сайты для вебмастеров
Инструментарий 
Программы для создания сайтов

Учебник HTML

Введение
Что такое HTML?
Теги и синтаксис HTML
Атрибуты HTML-тегов
Общие и текст
Структура HTML-документа
Параграфы и заголовки
Как изменить шрифт?
Меняем цвет текста и фона
Выравнивание содержимого
Цитаты и обрыв строки
Что такое спецсимволы HTML?
Горизонтальные линии
Группирование элементов
Комментарии в HTML
Ссылки
Cсылки и их разновидности
Меняем цвета ссылок
Ссылки на электронную почту
Якоря — создаем закладки
Изображения
Изображения
Изображения для фонов
Изображения — ссылки
Таблицы
Таблицы
Границы, рамки и отступы HTML-таблиц
Объединение ячеек таблицы
Вложенные таблицы
Списки
Нумерованные и маркированные списки
Метатеги
Метатеги и их типы

Copyright © 2010-2015 seodon.ru Все права защищены.
С условиями использования материалов данного сайта вы можете ознакомиться на странице автора.
Тег HTML выделение текста, подсветка фона
Тег используется для выделения фрагмента текста (обычно с помощью подсветки фона).
Используйте тег , если вы хотите выделить участок текста аналогично выделению текста в тетради маркером.
В зависимости от браузера тег может иметь разные стили отображения. В некоторых браузерах тег не имеет стилей по умолчанию, поэтому лучше указывать стиль выделения вручную через CSS свойства.
Выделять часть текста также можно другими способами. Для выделения важных фрагментов (жирным шрифтом) используйте тег ; для выделения по смыслу (курсивом) — тег .
Все виды выделения текста описаны в статье: Теги форматирование текста в HTML.
Синтаксис
выделенный текст
Отображение в браузере
Кто ценит свое время, тот читает справочник GuruWeba 😉
Пример использования в HTML коде

 
 
 
 
Кто ценит свое время, тот читает справочник GuruWeba ;-).
 
Поддержка браузерами



Тег








Да
9+
Да
Да
Да