Как вставить символы в html

Таблица специальных символов и их html кодов

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

Пробел HTML:   CSS: \00A0

Среднее тире HTML: – CSS: \2013

Знак минуса HTML: − CSS:

Тире HTML: — CSS: \2014

Плюс/минус HTML: ± CSS: \00B1

Жирная точка HTML: • CSS:

Многоточие HTML: … CSS:

Знак копирайта HTML: © CSS:

Знак градуса HTML: ° CSS:

Паграф HTML: § CSS:

Товарный знак HTML: ™ CSS: \2122

Зарегистрированная торговая марка HTML: ® CSS: \00AE

Знак меньше HTML: < CSS:

Adobe Dreamweaver

Некоторые специальные символы представлены в HTML именем или числом, которое называется entity. HTML содержит имена сущностей для таких символов, как знак авторских прав (©), амперсанд (&) или зарегистрированная торговая марка (®). Каждая сущность имеет как имя (например, —), так и числовой эквивалент (например, ı).

В HTML угловые скобки «<>» используются в самом коде, и может понадобиться выразить собственно символы «больше» или «меньше», не интерпретируя их как код. В этом случае используйте > как символ «больше» (>), а < — как символ «меньше» (<).

К сожалению, множество браузеров (особенно старых или отличных от Netscape Navigator и Internet Explorer) не отображают правильно некоторые спецсимволы.

1 В области «Окно документа» расположите курсор в месте, где необходимо вставить специальный символ.
2 Выполните одно из следующих действий.

• Выберите название символа, используя меню «Вставка» > «HTML» > «Специальные символы».
• В категории « Текст » на панели «Вставка» нажмите кнопку «Знаки» и выберите символ в подменю.

Доступно и множество других символов; чтобы выбрать один из них, выберите меню «Вставка» > «HTML» > «Специальные символы» > «Другое» или нажмите кнопку «Знаки» в категории «Текст» на панели «Вставка» и выберите пункт «Другие символы». Выберите символ в диалоговом окне «Вставить другой символ» и нажмите кнопку «ОК».

Добавление пробела между символами
HTML позволяет вставить между символами только один пробел; чтобы добавить в документ
дополнительные пробелы, необходимо использовать неразрывные пробелы. Можно задать в настройках автоматическое добавление в документ неразрывных пробелов.

Вставка неразрывного пробела
❖ Выполните одно из следующих действий.

• Выберите меню «Вставка» > «HTML» > «Специальные символы» > «Неразрывный пробел».
• Нажмите сочетание клавиш «Ctrl» + «Shift» + «Пробел» (Windows) или «Option» + «Пробел» (Macintosh).
• В категории «Текст» на панели «Вставка» нажмите кнопку «Знаки» и выберите значок «Неразрывный пробел».

Настройка добавления неразрывных пробелов
1 Выберите меню Правка > Настройки (Windows) или «Dreamweaver» > «Установки» (Macintosh).
2 В категории «Общие» убедитесь, что установлен флажок «Разрешить несколько последовательных пробелов».

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

Добавьте эту страницу в закладки браузера, чтобы всегда была «под рукой».
Для добавления в закладки нажмите здесь или нажмите Ctrl+D.

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

• Иконки
• Сводная таблица стилей
• Таблица RGB цветов
• fontov.net — сервис, который позволяет подобрать и скачать красивый шрифт.
• Таблица символов Юникода

Как вставить символы в html

Главная СтатьиСимволы в HTML и CSS
Поделиться в соцсетях:

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

Для вставки спецсимвола в код с помощью HTML достаточно в теле кода прописать аналогичную спецсимволу мнемоническую комбинацию:

Этот пылесос стоит 30€
 Этот пылесос стоит 30€

Для CSS спецсимвол необходимо указать в качестве значения свойства content у псевдоэлемента в виде шестнадцатиричного кода:

Этот пылесос стоит 30
 span:after Этот пылесос стоит 30€

Ниже предоставлены различные популярные спецсимволы и их реализация в коде HTML (левая ячейка) и CSS (правая).

Таблицы с кодами спецсимволов для HTML и СSS

* — символ ‍ позволяет сделать склейку (лигатуру) соседних символов
** — символ ‌ запрещает склеивать соседние символы