Использование специальных символов
В HTML реализована возможность прорисовки символов по их кодам. Символы могут быть общепринятыми, вводимыми с клавиатуры, нестандартными и используемыми в HTML в качестве служебных. Все эти символы называются служебными. Для ввода символов используется код этого символа, а для некоторых символов предусмотрена мнемоническая кодировка.
В таблице 2 представлен набор часто используемых символов.
Таблица 2. Специальные символы
Код символа |
Числовой код |
Мнемоничес-кий код |
Название |
Символ |
34 |
" |
" |
Прямая кавычка |
" |
60 |
< |
< |
Знак «меньше» |
< |
62 |
> |
> |
Знак «больше» |
> |
162 |
¢ |
¢ |
Цент |
¢ |
166 |
¦ |
¦ |
Вертикальная черта |
¦ |
167 |
§ |
§ |
Знак параграфа |
§ |
171 |
« |
« |
Левая типографская кавычка |
« |
176 |
° |
° |
Знак градуса |
° |
177 |
± |
± |
Знак «плюс минус» |
± |
182 |
¶ |
¶ |
Знак абзаца |
¶ |
187 |
» |
&radio; |
Правая типографская кавычка |
» |
215 |
× |
× |
Знак умножения (крестик) |
x |
247 |
÷ |
÷ |
Знак деления |
÷ |
Задания для самостоятельного выполнения
В созданную ранее Web-страницу вставьте текст, содержащий знаки левой и правой типографской кавычки, знак абзаца и знак параграфа.
Формирование текста на странице
Заголовки объявляются парой тегов: <h1> </h1>, <h2> </h2>, <h3> </h3>, <h4> </h4>, <h5> </h5> или <h6> </h6>. Заголовок с тегом <h1> является самым крупным, а с тегом <h6> - самым мелким.
Атрибут align позволяет выровнять заголовок по правому краю или центрировать. Значение right атрибута align обеспечивает выравнивание текста по правому краю, а значение center – центрирование.
Для наклонного начертания текста Web-страницы используется тег <i> </i>.
Тег <b> </b> устанавливает полужирное начертание текста, а тег <u> </u> - подчеркнутое начертание символов.
Тег <pre> </pre> позволяет сохранить заданную разбивку и расположение строк текста.
Тег <br> позволяет перейти с одной строки на другую.
Пример форматирования текста (рис.3):
Текст HTML-программы |
Комментарий |
<html> |
|
<head> |
|
<title> Моя домашняя страничка </title> |
|
</head> |
|
<body bgcolor=white text=black> |
|
<center> |
Начальный тег выравнивания по центру |
<h1> |
Начальный тег самого крупного заголовка |
Моя домашняя страничка |
Текст заголовка |
</h1> |
Конечный тег заголовка |
</center> |
Конечный тег выравнивания по центру |
<b> |
Начальный тег установки полужирного начертания текста |
Здравствуйте. |
Текст |
</b> |
Конечный тег полужирного начертания текста |
<br> |
Тег перехода на другую строку |
Приветствую Вас на своей домашней страничке.<br><br> |
|
Немного о себе:<br> |
|
Студент Тюменского государственного университета |
|
<i> |
Начальный тег установки наклонного начертания текста |
<pre> |
Начальный тег авторского форматирования |
Обучаюсь в международном институте финансов, управления и бизнеса |
Авторский текст |
</pre> |
Конечный тег авторского форматирования |
</i> |
Конечный тег наклонного начертания текста |
</body> |
|
</html> |
|
Рис.3 Отформатированный текст на Web-странице
Задания для самостоятельного выполнения
Используя теги форматирования текста, измените страничку о своей группе.
В начале документа расположите приветствие, используя различные уровни заголовка
Используя, теги форматирования, отредактируйте созданный HTML-документ следующим образом: a) первый абзац выравнивается по левому краю, цвет шрифта – красный; b) второй абзац - по центру, цвет шрифта – синий, используйте наклонное начертание текста.