Как перечеркнуть текст в html

Тег HTML зачеркнутый неактуальный текст, перечеркнутый фрагмент

Тег в HTML используется для выделения фрагмента текста как неактуального, некорректного.

Текст внутри тега будет выведен зачеркнутым.

Выделить часть текста также можно другими способами. Для выделения важных фрагментов (жирным шрифтом) используйте тег , для выделения по смыслу (курсивом) — тег .

Все виды выделения текста описаны в статье: Теги форматирование текста в HTML.

Синтаксис

выделенный текст

Отображение в браузере

Население Земли составляет уже более шести семи миллиардов человек.

Пример использования в HTML коде

 
 
 
 
Население Земли составляет уже более шести семи миллиардов человек.
 

Поддержка браузерами

Тег
	Да	Да	Да	Да	Да

Зачеркнутый текст HTML

Для зачеркивания текста в HTML применяется тег strike:

Результат выполнения данного кода:

1. Электроник
2. Сыроежкин
3. Смирнов
4. Чижиков
5. Кукушкина

Данный тег не имеет атрибутов. Вместо тега HTML strike может использоваться и сокращенная его версия — s (аналогично, жирный — b, курсив — i, подчеркнутый — u):

Конструктор LEGO "Нубекс"

Как вы можете видеть, результат аналогичен:

Конструктор LEGO «Нубекс»

Использование тега s и strike считается неверным с точки зрения валидации кода (необходимо использовать переходной Doctype). Или другой вариант — использовать CSS.

Перечеркнутый текст: CSS

С помощью CSS текст можно «декарировать» при помощи свойства text-decoration. Это свойство может принимать следующие значения:

• line-through — используется для перечеркивания текста;
• underline — подчеркивает текст;
• overline — используется для помещения линии над текстом (надчеркнутый текст);
• blink — тест мигает (каждую секунду);
• none — позволяет отменить все эффекты, примененные к тексту.

Указанные значения могут быть применены одновременно, для этого нужно записать нужные параметры через пробел. Например, применим одновременно подчеркивание, надчеркивание и мигание:

text-decoration: underline blink overline;

Сделаем теперь перечеркнутый текст при помощи CSS:

     p < color:#fff; >.strike < text-decoration: line-through; color: #fff; >.block  
Конструктор LEGO сайтов "Нубекс"
 
  

Как перечеркнуть текст в html

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

Синтаксис

Текст

Закрывающий тег

Атрибуты

Аналог CSS

Валидация

Использование этого тега осуждается спецификацией HTML4, валидный код получается только при использовании переходного .

HTML5 IE Cr Op Sa Fx

    
Список должников
 
Чебурашка
 
Крокодил Гена
 
Шапокляк
  

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

Рис. 1. Вид текста, оформленного с помощью тега

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Типы тегов

HTML5

Блочные элементы

Строчные элементы

Универсальные элементы

Нестандартные теги

Осуждаемые теги

Видео

Документ

Звук

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

Форматирование

Формы

Фреймы

Как перечеркнуть текст в html

Тег отображает текст как перечеркнутый. Этот тег аналогичен тегу , который имеет сокращенную форму записи подобно тегам , и . В любом случае, теги и осуждаются спецификацией HTML, взамен них рекомендуется использовать стили.

Синтаксис

Текст

Закрывающий тег

Атрибуты

Аналог CSS

Валидация

Использование этого тега осуждается спецификацией HTML4, валидный код получается только при использовании переходного . В HTML5 использование запрещено.

HTML 4.01 IE Cr Op Sa Fx

     
Список должников
 
Чебурашка 
Крокодил Гена 
Шапокляк
  

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

Рис. 1. Вид текста, оформленного с помощью тега

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Типы тегов

HTML5

Блочные элементы

Строчные элементы

Универсальные элементы

Нестандартные теги

Осуждаемые теги

Видео

Документ

Звук

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

Форматирование

Формы

Фреймы