Як зробити закреслений текст в html

Результат цього коду виглядає так:

html тег для закресленого тексту

В останній специфікації HTML дані теги не рекомендовані до використання, так як вони відносяться до класу форматування тексту, а не до класу розмітки сторінки.

Звичайно, в їх використанні немає нічого критичного. Просто все оформлення тексту краще ставити через CSS. Дані теги вважаються вже застарілими так як зараз для створення підкресленого тексту намагаються використовувати не їх, а стилізацію через CSS або тег del.

Використання html тега del для закреслено текса

Взагалі даний тег спочатку був призначений для позначки віддаленого тексту в новій версії документа.

Якщо чесно, то я ще не стикалася з необхідністю позначати якийсь текст як віддалений, тому на практиці його найчастіше використовують просто для закреслення тексту.

Для того щоб зробити закреслений текст за допомогою html можна скористатися наступним кодом:

Результат його використання буде виглядати так:

html тег для закресленого тексту

Як бачите отриманий результат нічим не відрізняється від того що ми отримали при використанні тегів strike і s.
Використання тега del більш переважно для використання при верстці сайтів.

Як зробити закреслений текст на css?

Найоптимальнішим варіантом для створення закреслено тексту на html сторінці буде використання CSS. Правда цей спосіб трохи довше і довше, тому його застосування не завжди виправдане.

Для створення закреслено тексту в CSS існує спеціальне CSS властивість text-decoration зі значенням line-through
Для того щоб зробити закреслений текст потрібно його укласти в тег span або будь-який інший і привласнити цьому тегу певний клас, а потім в CSS для цього класу вказати властивість text-decoration: line-through;

html код закреслено тексту буде виглядати так: