Урок 23. Текстовые теги и некоторые специфические символы для web-страниц

Со специфическими текстовыми тегами всё понятно: они нужны для того, чтобы что-то выделить жирным, что-то курсивом, что-то подчеркнуть или ~~зачеркнуть~~, ввести ^{верхний} или _нижний индекс и ещё как-то выделить текст на web-странице. Но есть и более специфические символы, которые иногда требуется ввести в текст.

Поначалу я мало задумывалась о необходимости обозначения различных символов в web-странице. Но вот наш главный редактор библиотеки на сайте "Литература и жизнь" - А.М. Возлядовская - выложила первую часть труда Б.Н. Чичерина, в которой автор некоторые понятия государства и права поясняет словами на греческом языке. Все эти греческие символы были старательно найдены в Ворде и вставлены в нужные места текста. Однако, при переводе страницы в web все греческие символы пропали - вместо них можно было увидеть только ряд вопросительных знаков, по числу бывших греческих букв.

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

Привожу ниже некоторые текстовые теги, а так же символы и способы их обозначения. Надеюсь, наша уважаемая Алла Михайловна заменит с помощью моих таблиц вопросительные знаки в тексте Чичерина на соответствующие греческие буквы.

Некоторые текстовые теги

(Примеры использования тегов обозначены красным цветом)

Верхний индекс: 2 min 
2^min
Нижний индекс: 2 max 
2_max

жирный жирный
 курсив курсив
 подчёркнутый подчёркнутый
<s> зачёркнутый </s> ~~зачёркнутый~~

Выделение адресов электронной почты, телефонов, адресов и пр.
<address> kippari2007@rambler.ru </address>

kippari2007@rambler.ru

Разрыв текста 
и его продолжение с новой строки
Разрыв текста
и его продолжение с новой строки

<hr> горизонтальная линия, атрибуты:
align= Задается способ выравнивания: по левому краю (left), по центру (center), по правому краю (right).
noshade - Запрещается использовать объемное затемнение при отображении линии.
size=пиксели - Установка толщины линии равному числу пикселей.
width=значение - Установка ширины линии равной целому значению пикселей или в процентах от ширины страницы.
<hr align=center width=200 noshade size=10px>

<kbd> Посимвольный ввод текста с клавиатуры. Выделенный этим тегом текст отображается моноширинным шрифтом </kbd>
Посимвольный ввод текста с клавиатуры. Выделенный этим тегом текст отображается моноширинным шрифтом

В заключенном в теги тексте разрывы не допускаются 
В заключенном в теги тексте разрывы не допускаются

<pre> Текст в тегах будет отображаться так, как предварительно отформатирован </pre>

 Текст в тегах будет отображаться так, как предварительно отформатирован

<tt> Моноширинный шрифт </tt>
Моноширинный шрифт

<blockquote> Цитата блоком </blockquote>

Цитата блоком

<cite> Цитата </cite>
Цитата

<center> Текст расположен по центру строки </center>
Текст расположен по центру строки

<big> Размер шрифта меняется на больший </big>
Размер шрифта меняется на больший

Шрифт меньшего размера 
Шрифт меньшего размера

Написание некоторых специфических символов для html

Обозначение в html	символ	Обозначение в html	символ	Обозначение в html	символ
„	„	”	”	¢	¢
£	£	¤	¤	¥	¥
¦	¦	§	§	¨	¨
©	©	ª	ª	«	«
¬	¬	€	€	®	®
¯	¯	°	°	±	±
²	²	³	³	´	´
µ	µ	¶	¶	·	·
¸	¸	¹	¹	º	º
»	»		†	½	½
¾	¾	¿	¿	À	À
Á	Á	Â	Â	Ã	Ã
Ä	Ä	Å	Å	Æ	Æ
Ç	Ç	È	È	É	É
Ê	Ê	Ë	Ë	Ì	Ì
Í	Í	Î	Î	Ï	Ï
Ð	Ð	Ñ	Ñ	Ò	Ò
Ó	Ó	Ô	Ô	Õ	Õ
Ö	Ö	×	×	Ø	Ø
Ù	Ù	Ú	Ú	Û	Û
Ü	Ü	Ý	Ý	Þ	Þ
ß	ß	à	à	á	á
â	â	ã	ã	ä	ä
å	å	æ	æ	ç	ç
è	è	é	é	ê	ê
ë	ë	ì	ì	í	í
î	î	ï	ï	ð	ð
ñ	ñ	ò	ò	ó	ó
ô	ô	õ	õ	ö	ö
÷	÷	ø	ø	ù	ù
ú	ú	û	û	ü	ü
ý	ý	þ	þ	ÿ	ÿ
Ѣ	Ѣ	ѣ	ѣ	Ѫ	Ѫ
ѫ	ѫ	Ї	Ї	ї	ї
Ѿ	Ѿ	ѿ	ѿ	Ѻ	Ѻ
ѻ	ѻ	҂	҂	¯	¯

Некоторые церковно-славянские символы

Обозначение в html	символ	Обозначение в html	символ	Обозначение в html	символ
Ѧ	Ѧ	ѧ	ѧ	Ѩ	Ѩ
ѩ	ѩ	Ѭ	Ѭ	ѭ	ѭ
Ѵ	Ѵ	ѵ	ѵ	Ѣ	Ѣ
ѣ	ѣ	Ѫ	Ѫ	ѫ	ѫ
Ѳ	Ѳ	ѳ	ѳ

Греческие символы

Обозначение в html	символ	Обозначение в html	символ	Обозначение в html	символ
Α	Α	Β	Β	Γ	Γ
Δ	Δ	Ε	Ε	Ζ	Ζ
Η	Η	Θ	Θ	Ι	Ι
Κ	Κ	Λ	Λ	Μ	Μ
Ν	Ν	Ξ	Ξ	Ο	Ο
Π	Π	Ρ	Ρ	…	…
Σ	Σ	Τ	Τ	Υ	Υ
Φ	Φ	Χ	Χ	Ψ	Ψ
Ω	Ω	Ϊ	Ϊ	Ϋ	Ϋ
ά	ά	έ	έ	ή	ή
ί	ί	ΰ	ΰ	α	α
β	β	γ	γ	δ	δ
ε	ε	ζ	ζ	η	η
θ	θ	ι	ι	κ	κ
λ	λ	μ	μ	ν	ν
ξ	ξ	ο	ο	π	π
ρ	ρ	ς	ς	σ	σ
τ	τ	υ	υ	φ	φ
χ	χ	ψ	ψ	ω	ω
ϑ	ϑ	ϒ	ϒ	ϖ	ϖ
>	>	<	<	&	&

Арифметические и математические символы

Обозначение в html	символ	Обозначение в html	символ	Обозначение в html	символ
−	−	≤	≤	≥	≥
×	×	÷	÷	ƒ	ƒ
⁄	⁄	≡	≡	±	±
²	²	³	³	¹	¹
¼	¼	½	½	¾	¾
∀	∀	∂	∂	∃	∃
∅	∅	∇	∇	∈	∈
∉	∉	∋	∋	∏	∏
∑	∑	∗	∗	√	√
∝	∝	∞	∞	∠	∠
∧	∧	∨	∨	∩	∩
∪	∪	∫	∫	∴	∴
∼	∼	≅	≅	⊂	⊂
⊃	⊃	⊄	⊄	⊆	⛒
⊇	⊇	⊕	⊕	⊗	⊗
⊥	⊥	⋅	⋅	≠	≠

И ещё немного символов (на всякий случай)

Обозначение в html	символ	Обозначение в html	символ	Обозначение в html	символ
		ˆ	ˆ	˜	˜
•	•	…	…	′	′
″	″	‾	‾	⁄	⁄
™	™	←	←	↑	↑
→	→	↓	↓	↔	↔
↵	↵	⇐	⇐	⇑	⇑
⇒	⇒	⇓	⇓	⇔	⇔
♠	♠	♣	♣	♥	♥
♦	♦	◊	◊	○	○
●	●	▲	▲	►	►
▼	▼	◄	◄	■	▪
▫	▫	♀	♀	♂	♂

Красным обозначены символы, которые идут в tahoma.
Зелёным обозначен символ пустой ячейки (место возможного переноса)

Урок окончен.

Перейти к Уроку 24

Наверх