Зачеркиваем текст в html

Зачеркнутый текст html. Сколько способов есть для вывода зачеркнутого текста!? И какая разница между перечеркнутым и зачеркнуть текст html.

Несколько примеров тегов, которые зачеркивают текст.

Подробно о зачеркивании/перечеркивании текста в html:

1. Зачеркнутый текст html с помощью тега
2. Зачеркнутый текст с помощью второго тега
3. Зачеркнутый текст с помощью третьего тега
4. Свойство css для зачеркивания текста
5. Разница между зачеркнуть и перечеркнуть текст html.

Зачеркнутый текст html с помощью тега

Для того, чтобы зачеркнуть текст нам понадобится тег

Отдельно я уже писал о теге .

Итак...

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

Пусть это будет текст, который надо зачеркнуть в html.

Берем данный тег

Оборачиваем данный текст в тег:

Html:

<s>Пусть это будет текст, который надо зачеркнуть в html. </s>

Результат вывода зачеркнутого текста в html/

Пусть это будет текст, который надо зачеркнуть в html.
Вывод:

Как видим, наш текст прекрасно зачеркнулся!




Зачеркнутый текст с помощью второго тега

Теперь возьмем второй тег , который также зачеркивает текст.

Проделаем абсолютно те же операции, что в выше идущем пункте:

Во второй раз нам потребуется текст, который нужно зачеркнуть.

Здесь второй текст, который будем зачеркивать вторым тегом

Берем второй тег

Опять оборачиваем наш текст тегом:

Html:

<del>Здесь второй текст, который будем зачеркивать вторым тегом </del>

Результат вывода зачеркнутого текста в html/

Здесь второй текст, который будем зачеркивать вторым тегом
Вывод:

Как видим, наш текст прекрасно зачеркнулся, и никакой разницы между первым зачеркнутым вторым зачеркнутым текстом нет!




Зачеркнутый текст с помощью третьего тега

Мы дошли до третьего тега , который тоже может зачеркивать текст.

Повторяем пройденное выше:

Для зачеркивания текста нам нужен текст:

Здесь третий текст, который будем зачеркивать третьим тегом

Берем третий тег

Опять оборачиваем наш текст тегом:

Html:

<del>Здесь третий текст, который будем зачеркивать третьим тегом </del>

Результат вывода зачеркнутого текста в html

Здесь третий текст, который будем зачеркивать третьим тегом
Вывод:

Результат предсказуемый! Текст сделался перечеркнутым!




Свойство css для зачеркивания текста

В этот раз, не будем использовать теги:

Будем использовать css.

Нам понадобится свойство rd.

Со значением

И не забываем про "3 способа css", для примера используем данное свойство и значение прямо в теге:

И да мы забыли про текст:

Текст номер 4, который будем зачеркивать с помощью css

Добавим тег span.

Туда впишем attribute style с и

Соберем весь код вместе:

Html:
<span style="text-decoration:line-through">Текст номер 4, который будем зачеркивать с помощью css</span>
Результат: Текст номер 4, который будем зачеркивать с помощью css Вывод:

Что следовало и ожидать - текст прекрасно зачеркнут!




Разница между зачеркнуть и перечеркнуть текст html.

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

Какая разница между зачеркнуть и перечеркнуть html!?

Для нас главная разница, по какому из запросов приходят больше или меньше!

Начнем с меньшего!

html перечеркнутый 281

перечеркнутый текст html 243

html тег перечеркнутый текст 22

+как сделать текст перечеркнутым html 11

html код перечеркнутый текст 7

Итого : получается, что количество запросов в месяц, где встречается слово "перечеркнутый" - 564 запросов в месяц.

Теперь словосочетание зачеркнутый html

зачеркнутый html 656

зачеркнутый текст html 549

html тег зачеркнутый текст 39

зачеркнутый тег +в html 20

+как сделать зачеркнутый текст +в html 18

html зачеркнуть слово 17

зачеркнутый шрифт html 16

html код зачеркнутый текст 15

зачеркнутый текст html css 9

html зачеркнутая цена 7

Итого получается, что количество запросов в месяц, где встречается слово "зачеркнутый" - 1346 запросов в месяц.