Тег html подчеркнутый текст в: Тег — подчёркнутый текст

24.04.2023 Разное

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

Категория: Сайтостроение, Опубликовано: 2016-07-29
Автор: Юлия Гусарь

Приветствую вас, дорогой читатель, случайно или умышленно зашедший на мой блог!

В данной статье я покажу несколько способов как сделать в html зачёркнутый текст.

Навигация по статье:

• Использование тегов stike и s для зачёркивания текста
• Использование html тега del для зачёркнутого текса
• Как сделать зачеркнутый текст на css?

Выглядеть он будет вот так: зачеркнутый текст в html

Для чего это может понадобится?

• Такой текст можно использовать для задания акционных цен, когда старая зачёркнута, а новая нет.
• Для общения на форумах и в сосетях. Я не очень понимаю зачем, но люди часто используют этот приём =)
• Для размещения текстов на сайте.

Для создания такого зачёркнутого текста можно воспользоваться одним из специальных тегов.

Использование тегов

Тег strike

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

Сам код для зачёркнутого текста будет выглядеть так:

<strike>html тег для зачеркнутого текста</strike>

Вот что получится в итоге:

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

Тег s

Тот же тег stike, но в сокращённом виде.
html код зачеркнутого текста будет выглядеть так:

<s>html тег для зачеркнутого текста</s>

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

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

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

Конечно, в их использовании нет ничего критичного. Просто всё оформление текста лучше задавать через CSS. Данные теги считаются уже устаревшими так как сейчас для создания подчёркнутого текста стараются использовать не их, а стилизацию через CSS или тег del.

Использование html тега

Вообще данный тег изначально был предназначен для пометки удалённого текста в новой версии документа.

Если честно, то я ещё не сталкивалась с необходимостью помечать какой-то текст как удалённый, поэтому на практике его чаще всего используют просто для зачёркивания текста.

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

<del>html тег для зачеркнутого текста</del>

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

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

Как видите полученный результат ничем не отличается от того что мы получили при использовании тегов strike и s.
Использование тега del более предпочтительно для использования при вёрстке сайтов.

Как сделать зачеркнутый текст на css?

Самым оптимальным вариантом для создание зачёркнутого текста на html странице будет использование CSS. Правда этот способ немного дольше и длиннее, поэтому его применение не всегда оправдано.

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

html код зачёркнутого текста будет выглядеть так:

<span class=”strike-text”>html тег для зачеркнутого текста</span>

А вот CSS код:

. strike-text { text-decoration:line-through; }

Также можно задать это CSS свойство в самом теге при помощи атрибута style:

<span style=”text-decoration:line-through;”>html тег для зачеркнутого текста</span>

Правда этот вариант тоже не всегда приветствуется. Но в любом случае выбирать вам!

Для создания зачёркнутого текста у нас есть аж целых 5 способов! Так что выбирайте любой из них и смело используйте у себя на сайте.

На этом у меня всё. Подписывайтесь на обновления блога и заходите на мой канал YouTube. Там много полезных видео уроков.
Желаю вам хорошего настроения и до встречи в следующих статьях!

С уважением Юлия Гусарь

Теги html для оформления текста, зачеркнутый текст, курсив, подчеркнутый текст

Создаем свой сайт

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

Итак, для начала создаем в блокноте пустой текстовый документ. После этого меняем его расширение с txt на html. Открываем его с одновременно с помощью браузера и текстового редактора, например, того же блокнота. Я советую использовать для этих целей программу Macromedia Dreamweaver или Notepad++.

С помощью редактора мы будем наш документ редактировать, с помощью браузера просматривать, что у нас получилось.

Для того, чтобы изменения вступили в силу необходимо сначала сохранить изменения в редакторе, нажав на дискетку или комбинацию клавиш Ctr+S, а затем обновить этот же документ в браузере.

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

Заголовки это не только важная часть оформления текста, но и один из инструментов внутренней оптимизации. В html тексте заголовки задают теги <h>. Для того, чтобы посмотреть, как они будут выглядеть прописываем в документе следующий код:

<h3>Поместите здесь текст, который вы хотите сделать заголовком</h3>

Цифра 2 рядом с буквой h означает уровень заголовка. Всего уровней 6. Первый уровень – название статьи. Все остальные – заголовки разделов и подразделов.

Жирный, подчеркнутый текст, курсив

Теги <b>, <i>, <u> легко решают эту проблему
<b>Так в html можно задать жирный текст</b>
<i>Вот так задается курсив</i>
<u>Вот это будет подчеркнутый текст</u>

Если нам нужно применить к тексту одновременно несколько свойств, просто вкладываем теги один в другой.

<i><b>Жирный курсив</i></b>

Изменяем размер шрифта

Размер шрифта текста задается в html с помощью тега <font>, у которого есть атрибут «size».

<font size=”5”>Размер шрифта 5</font>

Как поменять цвет текста

Цвет текста задается тем же самым тегом с помощью атрибута «color»

<font color=”red”>Текст красного цвета</font>

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

Текст в таком виде как он был набран

У html есть довольно неприятная особенность. Если вы набрали текст, в котором есть несколько пробелов, идущих подряд , друг за другом, то браузер покажет только один пробел. В некоторых случаях необходимо отобразить текст именно в таком виде, как он был набран. Для этого используется тег <pre>

<pre>Этот текст     будет выглядеть     так как он набран</pre>

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

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

Вообще говоря в html можно задать зачеркнутый текст с помощью сразу трех разных тегов. Теги <s> и <strike> вполне корректно отображаются во всех браузерах, тем не менее, они не рекомендуются к использованию. Они даже не включены в спецификации XHTML и HTML5. Поэтому для создания зачеркнутого текста я рекомендую использовать тег <del>.

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

Визуально результат использования этого тега ничем не будет отличаться от первых двух. Тем не менее, он несет в себе несколько иной смысл. Предполагается, что этот тег используется для вычеркивания устаревшей или неправильной информации. У данного тега есть 2 атрибута:

cite — предназначен для того, чтобы содержать ссылку на документ, в котором содержится причина удаления данной информации

datetime — предназначен для того, чтобы хранить время последнего редактирования информации.

Похожие записи

Создаем свой сайт

Какую тему для сайта выбрать

Авторadmin 16 июля 201323 декабря 2016

Ключевым моментов при создании сайта является  выбор его тематики. Практически каждый  веб-мастер сталкивается с данной проблемой. При создании сайта многие рекомендуют выбирать ту тему, в которой больше всего разбираешься и которая тебе самому очень близка и интересна. С одной стороны может быть они и правы, потому что сайт будет создан с любовью, наполнен хорошим и…

Читать далее Какую тему для сайта выбратьПродолжить

Основы

Что такое CSS

Авторadmin 18 мая 201423 декабря 2016

Ранее я рассказывал о том, как сделать html сайт в блокноте. В той статье  я упомянул о каскадные таблицы стилей. Пришло время рассказать о них подробнее. В статье, о которой я упомянул выше, мы создавали html страницу, используя для этого html теги. С помощью тегов мы разметили основную структуру документа. В итоге мы получили готовую…

Читать далее Что такое CSSПродолжить

Создаем свой сайт

Как сделать иконку для сайта

Авторadmin 29 июня 2013

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

Читать далее Как сделать иконку для сайтаПродолжить

Создаем свой сайт

Генератор html css шаблонов. Для чего он нужен?

Авторadmin 2 сентября 201216 декабря 2016

Всем привет! Сегодняшняя теме – генератор html css шаблонов для сайта. Думаю, это будет интересно не только новичкам, но и опытным вебмастерам, так как это позволяет не только обойти некоторые технические трудности при создании html шаблона будущего сайта, что, несомненно, важно для первых, но и сэкономить довольно много драгоценного времени, что ценят вторые.

Читать далее Генератор html css шаблонов. Для чего он нужен?Продолжить

html — Какой тег следует/можно использовать для подчеркивания текста?

Задавать вопрос

спросил 8 лет, 8 месяцев назад

Изменено 5 лет, 1 месяц назад

Просмотрено 2к раз

Прежде всего, я понимаю, что стили в HTML должны обрабатываться CSS, и я не хочу это менять.

Мне просто нужен сплошной тег, который я могу использовать для подчеркивания, тег означает для подчеркнутого текста или такой, который имеет смысл использовать как таковой. Затем я могу стилизовать его с помощью CSS.

Где же этот ярлык?

Почему strong , b , em , i и т. д. прекрасно подходят (и часто автоматически стилизуются в браузерах), но подчеркнутое является запретным плодом?

Я бы не хотел писать

 подчеркнутый текст
ИЛИ некоторый текст
 

когда я могу просто использовать

 привет
 

и стиль?

• html
• семантическая разметка
• подчеркивание

1

Элемент u предназначался для подчеркивания, начиная с HTML 3.2. HTML 4.01 не одобряет его, «объявив его устаревшим», а HTML5 предлагает неясным образом переопределить его значение. Тем не менее, на самом деле он работает во всех браузерах, и будет продолжать работать, и имеет точный эффект подчеркивания.

Следует ли подчеркивать что-либо, кроме ссылок на веб-страницах, — это другой вопрос. Так же и вопрос, следует ли вам думать с точки зрения логической структуры, а не визуального рендеринга.

2

Подчеркивание текста — плохая идея, потому что оно должно быть зарезервировано исключительно для ссылок. Пользователи обычно ожидают, что смогут отслеживать подчеркнутый текст и что-то произойдет.

Тем не менее, есть одно главное исключение, о котором я могу думать:

 Цена: 12,34£ 9,87£!
 

Большинство, если не все браузеры отобразят новую цену там с подчеркиванием, и люди поймут, что это вставка.

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

В первые дни HTML был практически единственным инструментом для создания гипертекстовых документов, поэтому он пытался предоставить все необходимое. По мере роста Интернета вскоре стало очевидно, что это комплексное решение не масштабируется. Смешивание контента и презентации не давало полного контроля ни над тем, ни над другим. Итак, было сделано два шага:

• Создан новый язык для работы с визуальными элементами
• Сам HTML был очищен, чтобы сосредоточиться на определении содержимого

Проблема с подчеркиванием в том, что оно само по себе не имеет никакого значения. Он будет иметь значение, если вы назначите его в контексте вашего приложения (например, вы можете решить, что подчеркнутый текст будет использоваться для авторов книг в каталоге вашей онлайн-библиотеки). Поэтому, когда ребята из W3C создали HTML-теги для нескольких типов контента (заголовки, аббревиатуры, даты…), они просто не подумали о подчеркивании: оно намеренно выходило за рамки языка. Нет тега HTML для «подчеркивания» по той же причине, по которой нет тега для «красного круга» или «текста Comic-Sans в верхнем регистре».

Конечно, на самом деле есть тег , но подчеркивание — это только предложение, потому что важной частью является семантика — например, печать

 
программаграмматика
 

 
профессиональныйпрограммист.
 

 .pro {украшение текста: подчеркивание;}
 

 .pro {text-decoration: underline;} 

a программаграмматика
профессиональныйпрограммист.