Все для начинающего вебмастера | Подскажите HTML тег зачеркнутый текст
На разных блогах, особенно в ЖЖ, частно встречается текст, который как бы перечеркнут линией. Поскажите соответствующий тег — зачеркнутый текст порой очень нужен!
Добрый день!
Для того, чтобы сделать перечеркнутый текст, на самом деле существует не один сразу целых три HTML тега!
Вот их список:
<del>и вновь зачеркнутый текст</del> <s>зачеркнутый текст</s> <strike>вновь зачеркнутый текст</strike>
Все они делают вот такое вот красивое зачеркивание.
Следует, однако, отметить, что теги <s> и <strike> уже морально устарели и даже не включены в XHTML и HTML5 — вместо них рекомендуется использовать тег <del>.
Дело в том, что эти теги существовали исторически, однако являлись исключительно тегами для форматирования текста (как курсив, выделение жирным и т.д.), в то время как <del>, выполняя ту же функцию, дополнительно еще несет и смысловую нагрузку, сообщая, что текст был удален — этот параметр может учитываться поисковыми системами и, возможно, каким-либо еще скриптами или системами. Это Вам не на Юкозе сайты клепать ))
Для этого в этом теге также предусмотрены дополнительные параметры, отсутствовавшие у его предшественников — datetime, в котором можно указать дату и время, в которые произошло удаление, а также cite — в этом параметре можно указать ссылку на страницу, в котором описывается причина, по которой произошло удаление соответствующей части текста.
P.S. Также удаление можно сделать без всяких тегов CSSсвойством line-through:
<p>Перечеркнутый текст написан здесь</p>
.deleted-text { text-decoration: line-through; }
Если у вас имеются еще какие-либо вопросы — пишите (можно в комментариях), обязательно постараюсь ответить!
Теги 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 — предназначен для того, чтобы хранить время последнего редактирования информации.
Шрифты Фейсбук: зачеркнутый, перечеркнутый, жирный, курсив
Пользователи соцсети часто спрашивают, можно ли использовать зачеркнутый текст в Фейсбук, как сделать его с помощью встроенных возможностей или дополнительных инструментов. Не меньше вопросов касается других способов оформления — жирного шрифта, курсива, подчеркивания и т. д. Ниже подробно рассмотрим, как решить эту задачу в Facebook, какие существуют варианты, и в чем их особенности.
Как сделать зачеркнутый текст — заметки и публикации
Перечеркнутый текст в Фейсбук позволяет усилить действие записи. С помощью такого инструмента проще выразить мысли и донести до читателя определенные моменты. Ниже рассмотрим, как решить задачу в разных случаях.
В заметках
Владельцы страниц в соцсети Фейсбук часто замечали, что сделать шрифт жирным, подчеркнуть или выделить курсивом проще, чем оформить зачеркнутый текст. Чтобы реализовать задуманное в заметках, можно использовать специальные инструменты. Как вариант — применение тегов HTML, позволяющих искусственно перечеркнуть нужное слово или фразу. Достаточно написать следующее — <s> интересующее слово или фраза</s>.
Существует еще один метод. Он более трудоемкий, ведь требует при написании добавления определенного набора символов. Чтобы сделать зачеркнутый текст, придется по отдельности «перечеркивать» с помощью кода каждый символ. Так, после каждой буквы или цифры необходимо поставить «̶» (кавычки не используются). Длинное предложение таким способом составить трудно, но сделать в нужном формате какое-то слово вполне реально.
В публикациях
Сложнее сделать зачеркивание в публикациях Фейсбук, ведь здесь запрещено применение html тегов. По этой причине приходится применять другие способы. Чтобы получить перечеркнутый текст, можно использовать копипаст. Суть в том, чтобы использовать сторонние ресурсы, позволяющие преобразовать информацию — делать из обычной фразы зачеркнутую.
Рассмотрим несколько вариантов:
- Spectrox — сервис, позволяющий отредактировать запись и сделать ее зачеркнутой. Для решения задачи перейдите на ресурс в веб-проводнике, введите текст и пропишите нужное предложение, а после жмите на две стрелки. Далее копируйте результат и вставьте в Фейсбук. Для переноса можно использовать выделение и нажатие правой кнопки мышки или горячие клавиши.
- Piliapp — еще одна площадка, имеющая большой функционал. После перехода на страницу войдите в раздел Зачеркнутый текст. Там можно сделать разные варианты — подчеркивание (двойное, волной, пунктирной линией), символ слэш или зачеркнутый текст для Фейсбук. Для удобства в специальном поле конвертации предусмотрена кнопка Копировать в буфер обмена. После ее нажатия останется внедрить надпись в нужное место Фейсбук.
Если стоит вопрос, как зачеркнуть текст в Фейсбук с телефона, здесь можно использовать дополнительные приложения для мобильной версии. Доступные варианты — Text Style, Text Art – Stylish Text – Fancy Text или Cool Fonts – Stylish Fancy Cool Text Generator. В распоряжении будет много стилей и вариантов оформления. Приведенные выше примеры подойдут для Андроид, а в случае с iOS, больше подходит Cool Fonts или Font App — Cool Art Text Style.
Как сделать текст жирным, курсивом или подчеркнуть
В соцсети Фейсбук существует много полезных функций, о которых не знают пользователи. Одна из них позволяет менять особенности оформления. Иными словами, можно сделать жирный шрифт в Фейсбук или сделать другое форматирование. Минус в том, что предложенный ниже вариант не работает с кириллицей, но написать название компании или другие латинские символы реально.
- Перейдите по ссылке (https://www.gschoppe.com/projects/fbformat/?fbclid=IwAR1q59D2voZb9dKSxiOq3JWO6zbSaly59FDT241DMeyPU8oFKarzhS5p-BQ#.XgmDyEcza5h).
- Выберите нужный вариант из тех, что предложены в редакторе. Здесь можно сделать курсив в Фейсбук, выделить слово или предложение жирным, оформить зачеркнутый текст и т. д.
- Копируйте созданную информацию, вернитесь в пост Фейсбук и вставьте сделанную запись.
Здесь же доступно множество интересных иконок, которые разбросаны по разным группам для удобства поиска. Перед тем как выделить текст жирным в Фейсбук, помните о возможных последствиях. В частности, не все веб-проводники корректно распознают такие изменения. В некоторых случаях зачеркнутый, жирный или подчеркнутый вариант фразы могут отображаться в виде пустых клеток. Но рассмотренный выше инструмент работает корректно, поэтому с ним не должно быть трудностей. При этом старайтесь не делать всю фразу измененной. Лучше вносить изменения в какие-то конкретные слова.
Итоги
Теперь вы знаете, как сделать в Фейсбуке зачеркнутый текст, написать его жирным, курсивом или подчеркнуть. Остается лишь выбрать подходящий инструмент и использовать его для выделения своей мысли.
html — Перечеркнутый текст по диагонали
Stack Overflow на русскомLoading…
- 0
- +0
- Справка Подробные ответы на любые возможные вопросы
- Мета Обсудить принципы работы и политику сайта
- О нас Узнать больше о компании Stack Overflow
- Бизнес Узнать больше о поиске разработчиков или р
html — Перечеркнутый текст по диагонали
Stack Overflow на русскомLoading…
0- +0
- Тур Начните с этой страницы, чтобы быстро ознакомиться с сайтом
- Справка Подробные ответы на любые возможные вопросы
- Мета Обсудить принципы работы и политику сайта
- О нас Узнать больше о компании Stack Overflow
- Бизнес Узнать больше о поиске разработчиков или рекламе на сайте
- Войти Регистрация
-
текущее сообщество
- Stack Overflow на русском справка чат