Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Подготовка к ПР1.docx
Скачиваний:
0
Добавлен:
01.04.2025
Размер:
5.39 Mб
Скачать

1 .3. Специальные символы

При формировании (Х)НТМL-документа может потребоваться ввести символы, которые воспринимаются браузером как служебные. Например, символы < и > для обозначения знаков "меньше" и "больше" недопустимы, т. к. они интерпретируют­ся как символы тегов. Кавычки (") и амперсанд (&) также применяются в языке HTML для служебных целей. Все символы, которые можно набрать при нажатых клавишах управления, отличных от <Shift>, могут не воспроизводиться при просмот­ре (Х)НТМL-документа, поскольку они зарезервированы. Кроме того, несколько пробелов, введенных подряд, браузер воспримет как один символ (проблема созда­ния отступов с помощью символа пробела). В этих случаях можно прибегнуть к буквенным или числовым эквивалентам символов. Последние однозначно соот­ветствуют их кодам ASCII.

Формат буквенного эквивалента символа:

&буквенный_эквивалент;

Например, <- обозначает символ < (от англ, less then - меньше чем).

Формат числового эквивалента:

&#код_ ASCII;

Например, символ < можно вставить в документ как <. Символ пробела имеет буквенный эквивалент &nbsp, и числовой  .

Таким образом, эквиваленты заключаются между символами & и ;. В случае цифрового эк­вивалента перед ASCII-кодом символа следует поставить символ #.

На рис. показано соответствие между час­то встречающимися символами, их числовыми и буквенными эквивалентами.

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

Для выделения абзацев, как уже неоднократно говорилось, предназначен контейнерный блоко­вый тег <р>. Текст внутри данного тега отобра­жается с новой строки без отступа (т. е. без крас­ной строки) во всю ширину клиентской части окна браузера. Если окно браузера изменить, то содержимое абзаца снова распределится по всей ширине окна.

Вы можете задать параметры размеров (width и height), позиционирования (top, left, position) и отступов (padding) для элемента <р>, чтобы повлиять на расположение текста в абзаце. Разумеется, эти же парамет­ры можно применить и к другим контейнерным тегам, содержащим текст, напри­мер <div>, <span>, <em> и т.д.

Цвет текста, заключенного в какой-нибудь контейнерный тег, задается парамет­рами CSS для данного контейнера. Так, цвет символов определяется параметром color, а фона - background или background-color.

Далее рассмотрим параметры CSS, влияющие на визуальное представление символов, слов и абзацев.

1.4.1. Красная строка

Д ля задания отступа первой строки текста в блоке (так называемой красной строки) служит параметр text-indent, принимающий в качестве значения величи­ну отступа с указанием единиц измерения; проценты выражают величину отступа относительно ширины содержащего блока (например, <div>, <body>).

При отсутствии параметра text-indent отступ типа красной строки пришлось бы создавать последовательностью из нескольких специальных символов пробела   или  

<p> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Текст текст текст текст </р>

1.4.2. Выравнивание

Для горизонтального выравнивания текста (любого последовательного содер­жимого блока) используется параметр text-align, принимающий значения: left (по левому краю), right (по правому краю), center (по центру) и justify (одно­временно по обоим краям).

Для вертикального выравнивания текста служит параметр vertical-align, принимающий значения top (по верхнему краю), bottom (по ниж­нему краю), middle (по середине) и baseline (по базовой линии) и др.