Escape-последовательности (символьные объекты)




Некоторые символы, такие как «<» и «>», воспринимаются браузерами как начало и конец HTML-меток, поэтому должен существовать способ их выражения как символьных данных внутри самого документа или в URL. В HTML это делается с помощью &-последовательностей (их еще называют символьными объектами или escape (эскейп)-последовательностями). Браузер показывает на экране символ «<», когда встречает в тексте последовательность &lt; (по первым буквам английских слов less than — меньше, чем). Знак <<>» кодируется последовательностью &gt; (по первым буквам английских слов greater than — больше, чем).

Принято использовать следующие нотации (соответствия) — табл. 2.4.

Таблица 2.4

Таблица соответствий

мвол Обычное имя символа HTML-запись символа (escape-последовательность)
< символ «меньше, чем», левая угловая скобка &lt;
> символ «больше, чем», правая угловая скобка &gt;
& амперсанд &amp;
« двойные кавычки &quot;
© знак копирайта &copy;
® знак зарегистрированной торговой марки &reg;
  непрерывный пробел &nbsp;

Точка с запятой — обязательный элемент &-последовательности. Кроме того, все буквы, составляющие последовательность, должны быть в нижнем регистре (строчные). Использование меток типа &QUOT; или &АMP не допускается. Более полный набор специальных символов пред­ставлен в приложении.

Пример:

<HTML>

<HEAD>

<TITLE> Специальные символы </title>

</head>

<BODY>

Samp; - амперсанд <BR>

&quot_&quot; - двойные кавычки

<BR>

&copy; - знак копирайта <BR>

&beta; - греческая строчная буква бета <BR>

&plusmn; - знак плюс-минус

</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-файл, чтобы при его выполнении получился текст следующего содержания: ваша фамилия, имя, отчество, год рождения, название вашего учебного заведения, название специальности, номер группы. Отразите в тексте также сле­дующие сведения: ваш город и что вам в нем нравится, ваши друзья. Для оформления используйте различные шрифты, сти­ли и способы выравнивания, а также горизонтальные линии.

 

 



Поделиться:




Поиск по сайту

©2015-2024 poisk-ru.ru
Все права принадлежать их авторам. Данный сайт не претендует на авторства, а предоставляет бесплатное использование.
Дата создания страницы: 2018-01-08 Нарушение авторских прав и Нарушение персональных данных


Поиск по сайту: