Некоторые символы, такие как «<» и «>», воспринимаются браузерами как начало и конец HTML-меток, поэтому должен существовать способ их выражения как символьных данных внутри самого документа или в URL. В HTML это делается с помощью &-последовательностей (их еще называют символьными объектами или escape (эскейп)-последовательностями). Браузер показывает на экране символ «<», когда встречает в тексте последовательность < (по первым буквам английских слов less than — меньше, чем). Знак <<>» кодируется последовательностью > (по первым буквам английских слов greater than — больше, чем).
Принято использовать следующие нотации (соответствия) — табл. 2.4.
Таблица 2.4
Таблица соответствий
мвол | Обычное имя символа | HTML-запись символа (escape-последовательность) |
< | символ «меньше, чем», левая угловая скобка | < |
> | символ «больше, чем», правая угловая скобка | > |
& | амперсанд | & |
« | двойные кавычки | " |
© | знак копирайта | © |
® | знак зарегистрированной торговой марки | ® |
непрерывный пробел | |
Точка с запятой — обязательный элемент &-последовательности. Кроме того, все буквы, составляющие последовательность, должны быть в нижнем регистре (строчные). Использование меток типа " или &АMP не допускается. Более полный набор специальных символов представлен в приложении.
Пример:
<HTML>
<HEAD>
<TITLE> Специальные символы </title>
</head>
<BODY>
Samp; - амперсанд <BR>
"_" - двойные кавычки
<BR>
© - знак копирайта <BR>
β - греческая строчная буква бета <BR>
± - знак плюс-минус
</body>
</html>
Вообще говоря, &-последовательности определены для всех символов из второй половины ASCII-таблицы (куда, естественно, входят и русские буквы). Дело в том, что некоторые серверы не поддерживают восьмибитную передачу данных и поэтому могут передавать символы с ASCII-кодами выше 127 только в виде &-последовательностей.
Задание 1
1. Создайте новую Web-страницу в текстовом редакторе Блокнот.
2. В элементе <TITLE> укажите название странички: «Задание 1. Форматирование текста на Web-странице по образцу».
3. Отформатируйте следующий текст согласно указаниям табл. 2.5.
Таблица 2.5
Форматирование текста
Текст | Применить следующее форматирование |
Домашние животные | Заголовок H1 |
Собаки | Заголовок Н2 |
Сторожевые | Выравнивание слева, полужирный шрифт, цвет шрифта зеленый |
Охотничьи | Выравнивание справа, полужирный шрифт, цвет шрифта оранжевый |
Дрессировка | Выравнивание по центру, полужирный курсив |
Клубы. Выставки, Площадки | Выравнивание по центру, размер шрифта 3, цвет шрифта красный |
Стихотворение | Цвет шрифта синий, выравнивание по центру |
Текст по выбору студента | Выравнивание по левому краю, размер шрифта 4 |
Задание 2
1. Создайте новую Web-страницу в текстовом редакторе Блокнот.
2. В элементе <TITLE> укажите название странички: «Задание 2. Форматирование текста на Web-странице по образцу».
3. Напишите HTML-файл, чтобы при его выполнении получился текст следующего формата:
Элементы форматирования текста
Здесь находится цитата
Фрагменты текста можно выделять
Жирным
или
наклонным
шрифтом. Кроме того, можно включать в текст фрагменты с фиксированной шириной символа
(имитация пишущей машинки).
Текст может быть зачеркнутым или подчеркнутым.
Можно также включать элементы, создающие эффект
нижнего индекса или верхнего индекса
Использование увеличения шрифта - ВIG
Использование уменьшения шрифта - SMALL
Кроме физических существуют также логические стили
Использование акцента — ЕМ
Использование сильного акцента — STRONG
Фрагмент исходного текста — CODE
Использование образца—SАМР
Тtкcт, вводимый с клавиатуры,---KBD
Значение переменной — VAR
Использование элемента — CITE
Так выглядит формат адреса (элемент ADDRESS)
Использование элемента CENTER
Использование элемента DIV
Элемент BR обеспечивает разрыв
cтроки
Задание 3. Использование линий
1. Создайте новую Web-страницу в редакторе Блокнот.
2. В элементе <TITLE> укажите название странички: «Задание 3. Использование линий».
3. Изобразите радугу, используя горизонтальные линии различного цвета (толщина 10 пикселей, длина 50% от ширины экрана, выравняйте ее по центру).
Задание 4
1. Создайте новую Web-страницу в текстовом редакторе Блокнот.
2. В элементе <ТIТLЕ> укажите название странички: «Задание 4. Домашняя страничка (ваше имя и фамилия)».
3. Напишите HTML-файл, чтобы при его выполнении получился текст следующего содержания: ваша фамилия, имя, отчество, год рождения, название вашего учебного заведения, название специальности, номер группы. Отразите в тексте также следующие сведения: ваш город и что вам в нем нравится, ваши друзья. Для оформления используйте различные шрифты, стили и способы выравнивания, а также горизонтальные линии.