Тег зачеркнутый текст html: Тег | htmlbook.ru

Leave a Comment / Html / By /

Форматирование теста | Yocton

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

Элемент <mark> является новым в HTML5 и используется для пометки или выделения текста в документе Наиболее распространенным примером его использования является выделение результата поиска.
Например,

<p>Ниже приведен некоторый контент, содержащей запрос <mark>поиск</mark>. 
Выделение текста облегчит пользователю нахождение искомого. </p>

Отобразит:
Ниже приведен некоторый контент, содержащей запрос поиск. Выделение текста облегчит пользователю нахождение искомого.

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

Для полужирного текста используйте теги <strong> или <b>:

<strong>Это жирный текст</strong>

или

<b>Это жирный текст</b>

Разница между ними только в семантике. Тег <strong> используется для обозначения важного текста, тег <b> не указывает на такое значение, а просто представляет текст, который должен быть выделен полужирным шрифтом.
Если использовать тег <b>, то голосовые браузеры не будут выделять отмеченные слова и они будут звучать так же как любое из других слов вокруг него. Используя тег <strong> голосовые браузеры будет выделять такие слова, чтобы передать, что текст в какой-то мере важен.

Для использования курсива применяйте теги <em> или <i>:

<em>Это курсивный текст</em>

или

<i>Это курсивный текст</i>

Разница между ними только в семантике. Тег <em> используется , чтобы указать, что текст должен иметь дополнительный акцент, который следует подчеркнуть, тег <i> не указывает на такое значение, а просто представляет текст, который должен быть выделен курсивом.
Например, если вы хотите подчеркнуть действие внутри предложения, можно сделать это, выделив его курсивом через <em>: «Вы уже отправили отчет?»
Но если вам нужно идентифицировать книгу или газету, которую обычно выделяют стилистически, вы можете использовать просто <i>: «Я прочитал Ромео и Джульетту в старшей школе.»

Хотя сам элемент <u> устарел еще в HTML4, он был повторно введен с альтернативным смысловым значением в HTML5 — для представления неартикулированной, нетекстовой аннотации. Вы можете использовать такое выделение для обозначения текста с ошибками или для выделения имени пользователя в Китае.

Рекомендуется избегать использования элемента <u> там, где его можно спутать с гиперссылками.
Пример:

<p>Этот параграф содержит некоторый <u> ошЫбочный </u> текст.</p>

Этот параграф содержит некоторый ошЫбочный текст.

Чтобы отметить какое-то выражение как аббревиатуру, используйте тег <abbr>:

<p>Мне нравится писать на <abbr title = "Язык гипертекстовой разметки">HTML</abbr>!</p>

Мне нравится писать на HTML !
Если присутствует, атрибут title, то он позволяет увидеть полное описание такой аббревиатуры.

Чтобы пометить текст как вставленный, используйте тег <ins>:

<ins> Новый текст </ins>

Новый текст

Чтобы пометить текст как удаленный, используйте тег <del>:

<del> Удаленный текст </del>

Удаленный текст
Элемент del представляет собой удаление из документа. Такие элементы не должны пересекать подразумеваемые границы абзаца.

Чтобы пометить текст как перечеркнутый, используйте тег <s>:

<s> Перечеркнутый текст </s>

Перечеркнутый текст
Элемент s представляет собой содержимое, которое больше не является точным или не актуально.

Чтобы сместить текст вверх или вниз используются теги <sup> и <sub>

.
Чтобы создать верхний индекс:

x<sup>2</sup>+x-4=0

x2+x-4=0

Чтобы создать нижний индекс:

HCl+NaOH=H<sub>2</sub>O+NaCl

HCl+NaOH=H2O+NaCl

37. Акцентирование (выделение) текста в HTML — Разметка текста — codebra

Акцентировать текст в большом количестве информации – хорошая идея. Ведь чтец может не заметить нужной, важной или еще какой-то информации, которую вы хотите донести. Например, я тоже акцентирую текст: теги, стили, атрибуты, ключевые слова, ссылки и прочее выделяю своим цветом, но делаю это при помощи стилей. В HTML предусмотрены стандартные «выделители» текста: жирное начертание, косое начертание, подчеркнутое начертание, зачеркнутое начертание, больше размера, меньше размера. Пробежимся по всем элементам акцентирования.

Жирный текст

Всеми известный жирный шрифт, который можно увидеть везде. Для этого было разработано два тега <b> и <strong>. Тег <b>, более распространенный. Эти теги не одинаковы, хоть и результат схож. Различие заключается в том, что тег <b> определяет физическую жирность текста, а тег <strong> определяет важность этого текста и выделяет его жирным начертанием. Но, большое «но», в современных браузерах их права «уравняли», они стали равнозначными (эквивалентными). Такая же ситуация и у тегов <i> и <em>. Следовательно, выгоднее использовать тег, который короче. Далее пример:

Код HTML

<b>Жирный текст</b>

Курсивный текст

За акцентирование курсивным шрифтом, отвечают теги <i> и <em>. Как сказано выше, они различны по своей направленности, но в современных браузерах эквивалентны. Далее пример:

Код HTML

<i>Курсивный текст</i>

Подчеркнутый текст

Акцентировать текст подчеркнутым шрифтом можно при помощи тега <u>. Этот тег осуждают спецификацией HTML и рекомендуют использовать стили, с чем я и соглашусь. Я обязательно напишу эквиваленты тегов акцентирования в CSS. Далее пример:

Код HTML

<u>Подчеркнутый текст</u>

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

Для того чтобы зачеркнуть текст, используют два эквивалентных тега: <s> и <strike>. Эти два тега осуждают и рекомендуют взамен им использовать стили. А тег <strike> категорически запрещен в HTML5. Далее пример:

Код HTML

<strike>Зачеркнутый текст</strike>

Крупнее и мельче обычного текста

Акцентировать текст, можно и увеличив размер это текста. Для этого есть тег <big>. Чтобы текст был мельче обычного, применяют тег <small>. Но все же выгодно использовать всегда стили CSS. Далее пример:

Код HTML

<big>Крупнее текст</big>

Замена жирного текста стилями CSS

Есть такое свойство в CSS – font-weight. Оно принимает много значений: font-weight:bold|bolder|lighter|normal|100|200|300|400|500|600|700|800|900. Чтобы сделать текст самым жирным, нужно использовать значение font-weight: 900. О нем мы еще поговорим в следующих уроках.

Замена курсивного текста стилями CSS

В CSS есть аналог тегу <i> (Курсивный текст). Это свойство font-style. Далее пример:

Код HTML

<span class = "i">Курсивный текст</span>

Код CSS

.i {
font-style: italic;
}

Замена подчеркнутого текста стилями CSS

Тег <u> осуждается спецификацией HTML и рекомендуется использовать стили. Аналогом может служить свойство text-decoration. Я обычно его использую, чтобы убрать подчеркивание у ссылок (значение none), но в этом случае нам нужно добавить подчеркивание (значение underline). Далее пример:

Код HTML

<span class = "u">Подчеркнутый текст</span>

Код CSS

.u {
text-decoration: underline;
}

Похожие уроки и записи блога

Первое знакомство с PythonЗнакомство с Python

Свойство background для работы с фономЦвета и фон

Универсальные атрибуты в HTMLРазметка текста

Работа с файлами в Python Знакомство с Python

Погружение в PythonЗнакомство с Python

Управляющие последовательности в JavaScriptТипы и переменные

Обработка исключений (try/except) в PythonЗнакомство с Python

Что такое HTML?Знакомство с HTML

Типы данных в PythonЗнакомство с Python

Предыдущий урок «36. Тест по маркированным спискам в HTML» Следующий урок «38. Жирно-курсиво-перечеркнутый»

HTML: тег

В этом руководстве по HTML объясняется, как использовать элемент HTML, называемый тегом , с синтаксисом и примерами.

Описание

HTML-тег придает тексту вид перечеркнутого текста, который рисует горизонтальную линию над текстом. Этот тег также часто называют элементом .

ПРЕДУПРЕЖДЕНИЕ: Тег был удален из HTML5. Вместо этого вы можете попробовать использовать тег или тег .

Синтаксис

В HTML синтаксис тега :

 

Зачеркнутый текст здесь, но не здесь

Пример вывода

Атрибуты

К тегу применяются только глобальные атрибуты. Нет атрибутов, специфичных для тега .

Примечание

  • HTML-элемент находится внутри тега.
  • Тег используется для рисования горизонтальной линии над текстом ( также называется зачеркиванием ).
  • См. также тег и тег .

Совместимость с браузерами

Тег имеет базовую поддержку со следующими браузерами:

  • Chrome
  • Андроид
  • Firefox (Геккон)
  • Firefox Mobile (Геккон)
  • Internet Explorer (IE)
  • Пограничный мобильный
  • Опера
  • Опера Мобайл
  • Сафари (веб-кит)
  • Сафари Мобильный

Пример

Мы обсудим тег ниже, исследуя примеры использования тега в HTML5, HTML 4. 01 Transitional, XHTML 1.0 Transitional, XHTML 1.0 Strict и XHTML 1.1.

  • HTML5
  • HTML4
  • XHTML

Документ HTML5

Вы не можете использовать тег в HTML5.

Вместо этого вы можете попробовать использовать тег или тег .

HTML 4.01 Transitional Document

Если вы создали новую веб-страницу в HTML 4.01 Transitional, ваш тег может выглядеть следующим образом:

 

<голова>

Переходный пример HTML 4.01 от www.techonthenet.com

<тело>
 
Заголовок 1
 

Мы хотим вычеркнуть этот текст.

В этом примере переходного документа HTML 4.01 мы создали тег , заключающий в себе текст «этот текст», который будет отображать горизонтальную линию через текст ( , т. е. зачеркивание ).

Документ XHTML 1.0 Transitional

Если вы создали новую веб-страницу в XHTML 1.0 Transitional, ваш тег может выглядеть следующим образом:

 

  <голова>

Переходный пример XHMTL 1.0 от www.techonthenet.com

<тело>
 
Заголовок 1
 

Мы хотим вычеркнуть этот текст.

В этом примере XHTML 1.0 Transitional Document мы создали тег , заключающий в себе текст «этот текст», который отображает горизонтальную линию через текст ( т.е. зачеркнуто ).

XHTML 1.0 Strict Document

Вы не можете использовать тег в XHTML 1.0 Strict.

Документ XHTML 1.1

Вы не можете использовать тег в XHTML 1. 1.

Поделись:

Рекламные объявления

Тег HTML

❮ Пред. Следующий ❯

Тег используется для определения перечеркнутого текста.

Элемент является устаревшим тегом HTML и не поддерживается в HTML5. Вместо этого используйте &ltdel>, &lts> или стили CSS.

Для создания зачеркивания вы также можете использовать CSS text-decoration:line-through; с тегом