Как вставить спецсимвол в html

Использование спецсимволов

Используя спецсимволы оформите текст, как показано на рис. 1. Обратите внимание на кавычки и тире в тексте.

      
Однако Питер Блад — человек, не знавший, что такое трусость, — вспоминал о своем католичестве только тогда, когда это ему требовалось. Способный не только носить оружие, но и мастерски владеть им, он в этот теплый июльский вечер ухаживал за цветущей геранью, покуривая трубку с таким безразличием, будто вокруг ничего не происходило, и даже больше того, бросал время от времени вслед этим охваченным военной лихорадкой энтузиастам слова из любимого им Горация: «Куда, куда стремитесь вы, безумцы?».





 
Рафаэль Сабатини — «Одиссея Капитана Блада»





  

Статьи по теме

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Популярные задачи

• TEX
• Отступы между блоков
• Андроид в тени
• Ссылка как кнопка
• Вложенные списки
• Форма регистрации
• Объединение ячеек таблицы
• Обязательные поля формы
• Цвет и фон в таблице
• Асуанская плотина
• Батарейка
• Заголовки

О сайте

Основные разделы

HTML

CSS

Сайт

© 2002–2024 Влад Мержевич, по всем вопросам пишите по адресу vlad@htmlbook.ru

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

Для вставки спецсимволов, или «символов-мнемоник» используется конструкция &мнемоника; .

Например, чтобы вставить символ рубля, нужно использовать мнемонику ₽ . На сайте она будет выведена так: ₽

Мнемоники являются обычным символом, поэтому их можно использовать в любом месте текста и не переживать, что вёрстка сломается:

 Цена: 2022 ₽  

Список мнемоник можно посмотреть на различных сайтах в интернете. Например, здесь

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

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

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

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

Давайте рассмотрим некоторые специальные символы HTML.

Финансовые и юридические спецсимволы HTML

Вид	Именной код	Числовой код	Описание
€	€	€	Евро
£	£	£	Британский фунт стерлингов
¥	¥	¥	Иена
¢	¢	¢	Цент
¤	¤	¤	Валюта
©	©	©	Охрана авторского права
®	®	®	Правовая охрана товарного знака
™	™	™	Товарный знак

Перед именным кодом специального символа, ставят знак амперсанд & . Перед числовым кодом специального символа, ставят знак амперсанд & и решётку # .

Карточные спецсимволы HTML

Вид	Именной код	Числовой код	Описание
♠	♠	♠	Пики
♣	♣	♣	Трефы
♥	♥	♥	Червы
♦	♦	♦	Бубны

Прочие спецсимволы HTML

Вид	Именной код	Числовой код	Описание
&	&	&	Амперсанд
¡	¡	¡	Перевёрнутый восклицательный знак
§	§	§	Символ параграфа
		Неразрывный пробел
«	«	«	Левая двойная угловая кавычка
»	»	»	Правая двойная угловая кавычка
°	°	°	Градус
±	±	±	Плюс минус
½	½	½	Дробь: одна вторая
‘	'	'	Одинарная кавычка
«	"	"	Двойная кавычка

В этой статье о спецсимволах HTML, собрана лишь небольшая подборка кодов HTML, на самом деле их гораздо больше.

Спецсимволы HTML также имеют и другие названия — мнемоники HTML, сущности HTML.

Пример использования спецсимволов в HTML, например давайте разместим знак копирайта, перед именем сайта, код будет следующим:

© gabdrahimov.ru

В браузере будет выглядеть так: © gabdrahimov.ru

Спецсимволы

Для отображения символов, которых нет на клавиатуре, применяются специальные знаки, начинающиеся с амперсанда (&) и заканчивающиеся точкой с запятой (;). В табл. 7.1 приведены некоторые популярные спецсимволы.

Табл. 7.1. Спецсимволы

Имя	Код	Вид	Описание
		неразрывный пробел
£	£	£	фунт стерлингов
€	€	€	знак евро
¶	¶	¶	символ параграфа
§	§	§	параграф
©	©	©	знак copyright
®	®	®	знак зарегистрированной торговой марки
™	™	™	знак торговой марки
°	°	°	градус
±	±	±	плюс-минус
¼	¼	¼	дробь — одна четверть
½	½	½	дробь — одна вторая
¾	¾	¾	дробь — три четверти
×	×	×	знак умножения
÷	÷	÷	знак деления
ƒ	ƒ	ƒ	знак функции
Греческие буквы
Α	Α	Α	греческая заглавная буква альфа
Β	Β	Β	греческая заглавная буква бета
Γ	Γ	Γ	греческая заглавная буква гамма
Δ	Δ	Δ	греческая заглавная буква дельта
Ε	Ε	Ε	греческая заглавная буква эпсилон
Ζ	Ζ	Ζ	греческая заглавная буква дзета
Η	Η	Η	греческая заглавная буква эта
Θ	Θ	Θ	греческая заглавная буква тета
Ι	Ι	Ι	греческая заглавная буква иота
Κ	Κ	Κ	греческая заглавная буква каппа
Λ	Λ	Λ	греческая заглавная буква лямбда
Μ	Μ	Μ	греческая заглавная буква мю
Ν	Ν	Ν	греческая заглавная буква ню
Ξ	Ξ	Ξ	греческая заглавная буква кси
Ο	Ο	Ο	греческая заглавная буква омикрон
Π	Π	Π	греческая заглавная буква пи
Ρ	Ρ	Ρ	греческая заглавная буква ро
Σ	Σ	Σ	греческая заглавная буква сигма
Τ	Τ	Τ	греческая заглавная буква тау
Υ	Υ	Υ	греческая заглавная буква ипсилон
Φ	Φ	Φ	греческая заглавная буква фи
Χ	Χ	Χ	греческая заглавная буква хи
Ψ	Ψ	Ψ	греческая заглавная буква пси
Ω	Ω	Ω	греческая заглавная буква омега
α	α	α	греческая строчная буква альфа
β	β	β	греческая строчная буква бета
γ	γ	γ	греческая строчная буква гамма
δ	δ	δ	греческая строчная буква дельта
ε	ε	ε	греческая строчная буква эпсилон
ζ	ζ	ζ	греческая строчная буква дзета
η	η	η	греческая строчная буква эта
θ	θ	θ	греческая строчная буква тета
ι	ι	ι	греческая строчная буква иота
κ	κ	κ	греческая строчная буква каппа
λ	λ	λ	греческая строчная буква лямбда
μ	μ	μ	греческая строчная буква мю
ν	ν	ν	греческая строчная буква ню
ξ	ξ	ξ	греческая строчная буква кси
ο	ο	ο	греческая строчная буква омикрон
π	π	π	греческая строчная буква пи
ρ	ρ	ρ	греческая строчная буква ро
ς	ς	ς	греческая строчная буква сигма
σ	σ	σ	греческая строчная буква сигма
τ	τ	τ	греческая строчная буква тау
υ	υ	υ	греческая строчная буква ипсилон
φ	φ	φ	греческая строчная буква фи
χ	χ	χ	греческая строчная буква хи
ψ	ψ	ψ	греческая строчная буква пси
ω	ω	ω	греческая строчная буква омега
Стрелки
←	←	←	стрелка влево
↑	↑	↑	стрелка вверх
→	→	→	стрелка вправо
↓	↓	↓	стрелка вниз
↔	↔	↔	стрелка влево-вправо
Прочие символы
♠	♠	♠	знак масти «пики»
♣	♣	♣	знак масти «трефы»
♥	♥	♥	знак масти «червы»
♦	♦	♦	знак масти «бубны»
"	"	«	двойная кавычка
&	&	&	амперсанд
<	<		знак «меньше»
>	>	>	знак «больше»
Знаки пунктуации
…	…	…	многоточие .
′	′	′	одиночный штрих — минуты и футы
″	″	″	двойной штрих — секунды и дюймы
Общая пунктуация
–	–	–	тире
—	—	—	длинное тире
‘	‘	‘	левая одиночная кавычка
’	’	’	правая одиночная кавычка
‚	‚	‚	нижняя одиночная кавычка
“	“	“	левая двойная кавычка
”	”	”	правая двойная кавычка
„	„	„	нижняя двойная кавычка
«	«	«	левая двойная угловая скобка
»	»	»	правая двойная угловая скобка

Статьи по теме

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Популярные рецепты

• Как добавить картинку на веб-страницу?
• Как добавить иконку сайта в адресную строку браузера?
• Как добавить фоновый рисунок на веб-страницу?
• Как сделать обтекание картинки текстом?
• Как растянуть фон на всю ширину окна?
• Как выровнять фотографию по центру веб-страницы?
• Как разместить элементы списка горизонтально?
• Как убрать подчеркивание у ссылок?
• Как убрать маркеры в маркированном списке?
• Как изменить расстояние между строками текста?
• Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?
• Как открыть ссылку в новом окне?

Популярные задачи

• TEX
• Отступы между блоков
• Андроид в тени
• Ссылка как кнопка
• Вложенные списки
• Форма регистрации
• Объединение ячеек таблицы
• Обязательные поля формы
• Цвет и фон в таблице
• Асуанская плотина
• Батарейка
• Заголовки