В этом разделе мы поэтапно расскажем, как делался сайт "Созвездие Близнецов"


НазадСодержаниеВперёд

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



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

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

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

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

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

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

Верхний индекс: 2 <sup> min </sup>
2 min
Нижний индекс: 2 <sub> max </sub>
2 max
<b> жирный </b> жирный
<i> курсив </i> курсив
<u> подчёркнутый </u> подчёркнутый
<s> зачёркнутый </s> зачёркнутый
Выделение адресов электронной почты, телефонов, адресов и пр.
<address> kippari2007@rambler.ru </address>
kippari2007@rambler.ru
Разрыв текста <br>
и его продолжение с новой строки
Разрыв текста
и его продолжение с новой строки
<hr> горизонтальная линия, атрибуты:
align= Задается способ выравнивания: по левому краю (left), по центру (center), по правому краю (right).
noshade - Запрещается использовать объемное затемнение при отображении линии.
size=пиксели - Установка толщины линии равному числу пикселей.
width=значение - Установка ширины линии равной целому значению пикселей или в процентах от ширины страницы.
<hr align=center width=200 noshade size=10px>


<hr align=right width=300 size=10px>

<kbd> Посимвольный ввод текста с клавиатуры. Выделенный этим тегом текст отображается моноширинным шрифтом </kbd>
Посимвольный ввод текста с клавиатуры. Выделенный этим тегом текст отображается моноширинным шрифтом
<nobr> В заключенном в теги тексте разрывы не допускаются </nobr>
В заключенном в теги тексте разрывы не допускаются
<pre> Текст в тегах будет отображаться так, как предварительно отформатирован </pre>
 Текст в тегах будет отображаться так, как предварительно отформатирован 
<tt> Моноширинный шрифт </tt>
Моноширинный шрифт
<blockquote> Цитата блоком </blockquote>
Цитата блоком
<cite> Цитата </cite>
Цитата
<center> Текст расположен по центру строки </center>
Текст расположен по центру строки
<big> Размер шрифта меняется на больший </big>
Размер шрифта меняется на больший
<small> Шрифт меньшего размера </small>
Шрифт меньшего размера


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

Обозначение в html символ   Обозначение в html символ   Обозначение в html символ
&#8222;   &#8221;   &#162; ¢
&#163; £   &#164; ¤   &#165; ¥
&#166; ¦   &#167; §   &#168; ¨
&#169; ©   &#170; ª   &#171; «
&#172; ¬   &#8364;   &#174; ®
&#175; ¯   &#176; °   &#177; ±
&#178; ²   &#179; ³   &#180; ´
&#181; µ   &#182;   &#183; ·
&#184; ¸   &#185; ¹   &#186; º
&#187; »   &#134;   &#189; ½
&#190; ¾   &#191; ¿   &#192; À
&#193; Á   &#194; Â   &#195; Ã
&#196; Ä   &#197; Å   &#198; Æ
&#199; Ç   &#200; È   &#201; É
&#202; Ê   &#203; Ë   &#204; Ì
&#205; Í   &#206; Î   &#207; Ï
&#208; Ð   &#209; Ñ   &#210; Ò
&#211; Ó   &#212; Ô   &#213; Õ
&#214; Ö   &#215; ×   &#216; Ø
&#217; Ù   &#218; Ú   &#219; Û
&#220; Ü   &#221; Ý   &#222; Þ
&#223; ß   &#224; à   &#225; á
&#226; â   &#227; ã   &#228; ä
&#229; å   &#230; æ   &#231; ç
&#232; è   &#233; é   &#234; ê
&#235; ë   &#236; ì   &#237; í
&#238; î   &#239; ï   &#240; ð
&#241; ñ   &#242; ò   &#243; ó
&#244; ô   &#245; õ   &#246; ö
&#247; ÷   &#248; ø   &#249; ù
&#250; ú   &#251; û   &#252; ü
&#253; ý   &#254; þ   &#255; ÿ
&#1122; Ѣ   &#1123; ѣ   &#1130; Ѫ
&#1131; ѫ   &#1031; Ї   &#1111; ї
&#1150; Ѿ   &#1151; ѿ   &#1146; Ѻ
&#1147; ѻ   &#1154; ҂   &#175; ¯


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

Обозначение в html символ   Обозначение в html символ   Обозначение в html символ
&#1126; Ѧ   &#1127; ѧ   &#1128; Ѩ
&#1129; ѩ   &#1132; Ѭ   &#1133; ѭ
&#1140; Ѵ   &#1141; ѵ   &#1122; Ѣ
&#1123; ѣ   &#1130; Ѫ   &#1131; ѫ


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

Обозначение в html символ   Обозначение в html символ   Обозначение в html символ
&#913; Α   &#914; Β   &#915; Γ
&#916; Δ   &#917; Ε   &#918; Ζ
&#919; Η   &#920; Θ   &#921; Ι
&#922; Κ   &#923; Λ   &#924; Μ
&#925; Ν   &#926; Ξ   &#927; Ο
&#928; Π   &#929; Ρ   &#8230;
&#931; Σ   &#932; Τ   &#933; Υ
&#934; Φ   &#935; Χ   &#936; Ψ
&#937; Ω   &#938; Ϊ   &#939; Ϋ
&#940; ά   &#941; έ   &#942; ή
&#943; ί   &#944; ΰ   &#945; α
&#946; β   &#947; γ   &#948; δ
&#949; ε   &#950; ζ   &#951; η
&#952; θ   &#953; ι   &#954; κ
&#955; λ   &#956; μ   &#957; ν
&#958; ξ   &#959; ο   &#960; π
&#961; ρ   &#962; ς   &#963; σ
&#964; τ   &#965; υ   &#966; φ
&#967; χ   &#968; ψ   &#969; ω
&#977; ϑ   &#978; ϒ   &#982; ϖ
&gt; >   &lt; <   &amp; &


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

Обозначение в html символ   Обозначение в html символ   Обозначение в html символ
&#8722;   &#8804;   &#8805;
&#215; ×   &#247; ÷   &#402; ƒ
&#8260;   &#8801;   &#177; ±
&#178; ²   &#179; ³   &#185; ¹
&#188; ¼   &#189; ½   &#190; ¾
&#8704;   &#8706;   &#8707;
&#8709;   &#8711;   &#8712;
&#8713;   &#8715;   &#8719;
&#8721;   &#8727;   &#8730;
&#8733;   &#8734;   &#8736;
&#8743;   &#8744;   &#8745;
&#8746;   &#8747;   &#8756;
&#8764;   &#8773;   &#8834;
&#8835;   &#8836;   &#8838;
&#8839;   &#8853;   &#8855;
&#8869;   &#8901;   &#8800;


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

Обозначение в html символ   Обозначение в html символ   Обозначение в html символ
&#173; ­   &#710; ˆ   &#732; ˜
&#8226;   &#8230;   &#8242;
&#8243;   &#8254;   &#8260;
&#8482;   &#8592;   &#8593;
&#8594;   &#8595;   &#8596;
&#8629;   &#8656;   &#8657;
&#8658;   &#8659;   &#8660;
&#9824;   &#9827;   &#9829;
&#9830;   &#9674;   &#9675;
&#9679;   &#9650;   &#9658;
&#9660;   &#9668;   &#9632;
&#9643;   &#9792;   &#9794;


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

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


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


© М.В. Гуминенко. 2008-2009 г.
По вопросам использования материалов сайта обращаться по адресу: Kippari2007@rambler.ru



Навигация по урокам

Работа с хостингом

Регистрация на Narod.ru

Регистрация на платном хостинге

Переход с одного платного хостинга на другой


Вопросы по таблицам

Таблица как основа для страницы сайта: табличные теги "width", "border"

Таблица как модуль для ссылок: ячейки и строки ("td" и "tr"), значения атрибута "align"

Атрибут "VALIGN" и его значения. Атрибуты "cellpadding" и "cellspacing"

Сложные таблицы. Атрибуты атрибуты "colspan" и "rowspan"


Форматирование текста

Выравнивание текста (атрибут "align"). Имя, цвет, размер шрифта (font: family, face, color, size). Абзац ("p"). Как задать отступ красной строки (немного о стиле CSS)

Как прописать шрифты и заголовки в стилях CSS

Амперсанды. Текстовые теги. Специфические символы


Делаем ссылки

Как написать код ссылки

Как задать внешний вид ссылки (шрифт, цвет, размер и пр.) в стилях CSS

Что нужно сделать, чтобы на одной странице они были разного цвета, шрифта, размера и пр. (в CSS)

Внутристраничные ссылки или закладки (якоря)

Ссылка "Наверх"


Картинки (логотипы, баннеры, фон)

Загрузка изображений на Radikal.ru

Картинки в тексте

Как сделать работающую кнопку (баннер)

Как установить логотип, задать цвет фона (таблицы, страницы сайта), установить фоновое изображение. Атрибуты bgcolor и background

Как установить логотип через документ стилей CSS

Масштабирующиеся логотипы

Масштабирующиеся рамки в обрамлении таблицы (страницы)

Размещение картинки на странице с текстом

Неподвижный фон


Вопросы по JavaScript и динамическому html

Скрытый текст с помощью JavaScript и динамического html

Бегущая строка

Простейшие фотоальбомы

Сменяющийся логотип


Несколько советов по установке форумного движка SMF на платный хостинг