25.10.2020
Специальные символы HTML

Специальные символы HTML для вставки в текст

Приветствую вас на «Планете Успеха»! В этой публикации начнем изучать специальные символы html, которые могут пригодиться при оформлении текста статей на сайтах (блогах).

Начнем с основных, часто используемых для вставки в текст, символов html, а в следующих публикациях изучим:

  • знаки арифметических и математических операций;
  • знаки валют, часы, время;
  • знаки зодиака, масти игральных карт;
  • маркеры, метки, крестики, чек-маркеры;
  • карандаши, перья, кисти;
  • кавычки;
  • стрелки;
  • звездочки, снежинки, шестеренки.

Основные, часто используемые, специальные символы html

Отображение символа на блоге Код для вставки в текст Описание символа
– Узкое тире
— Широкое тире
́ ́ Ударение (код вставляется после буквы, на которую будет ударение)
© © Значок копирайта
™ Значок торговой марки
® ® Значок зарегистрированной торговой марки
‰ Промилле
π π Пи
§ § Значок параграфа
° ° Значок градуса
µ µ Значок микро
¶ Значок абзаца
☎ Значок телефона
✉ Значок электронной почты
🛠 🛠 Значок настройки или ремонта
¹ ¹ Значок степени 1
² ² Значок степени 2
³ ³ Значок степени 3
± ± Плюс-минус

Теперь давайте рассмотрим несколько примеров вставки в текст некоторых из этих спецсимволов.

К примеру поставим правильное ударение в названии столицы Хорватии — Загреб:

При верстке текста будет выглядеть так — За́греб

А на сайте отображаться — За́греб

Следующий пример вставки спецсимвола с градусами, и берем такую фразу — Разогреть духовку до 180 градусов цельсия:

Верстаем со вставкой соответствующего спецсимвола — Разогреть духовку до 180°C

В опубликованном тексте получим следующее — Разогреть духовку до 180°C

И третий пример со степенями, фраза — 20 квадратных метров:

Вставляем в тексте соответствующий код html — 20 м²

В статье после публикации на блоге будет — 20 м²

С остальными рассмотренными специальными символами html, думаю, у вас не должно возникнуть сложностей с применением в тексте своих статей.

Успехов вам и до новой встречи!

Text.ru - 100.00%

Поделиться ссылкой:

4+

Подписывайтесь на нашу группу и получайте видеоуроки

Планета Успеха

 

18 комментариев к «Специальные символы HTML для вставки в текст»

  1. Юра, спасибо за очередной урок о специальных символах html. Сколько же нужно знаний, чтобы написать и оформить статью на блоге.

    1+
    1. Татьяна, спасибо за комментарий! Используйте у себя на блоге при необходимости спецсимволы html, а знать нужно достаточно — не меньше и не больше, то есть, только то, что нужно smile

      0
    1. Нина Михайловна, благодарю за комментарий! Мне приятно, что информация о спецсимволах html, оказалась для вас полезной и нужной!

      0
    1. Алла, когда некому подсказать и помочь, то конечно сложно освоить html, а когда предоставляют информацию полезную и нужную, то все реально и постепенно усваивается smile

      0
  2. Юрий, спасибо, как всегда интересная и нужная информация, обязательно воспользуюсь

    0
    1. Сергей, буду рад, если будете применять у себя на сайте в статьях полученную информацию о спецсимволах html! Спасибо за комментарий!

      0
    1. Александр, всегда рад поделиться полезной информацией о ведении блога yes

      0
  3. Юрий, из ваших заметок я так много полезностей черпаю!! Ни в одном другом месте столько не найти, спасибо большое!

    0
    1. Ольга, спасибо за отзыв и добрые слова! Мне приятно, что Вы на моих сайтах находите для себя полезную информацию!

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

    0
    1. Олег, применяйте при необходимости специальные символы html в статьях у себя на блоге. Рад был поделиться полезной информацией smile

      0
  5. Нужные символы HTML для вставки в текст. Безусловно пригодятся нам на наших блогах, поэтому вся информация идёт мне в копилочку. Спасибо большое, что делитесь с нами, Юрий.

    0
    1. Валентина, спасибо за отзыв! Рад был поделиться полезной информацией о специальных символах html для вставки в текст статей на блоге! Применяйте, при необходимости у себя на сайте!

      0

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *