
- •Теоретический материал для подготовки к практической работе по теме «Работа с текстом и списками» (средствами xhtml и css)
- •Часть 1. Работа с текстом
- •1.1. Шрифты
- •1.2. Основные теги разметки текстов
- •1 .3. Специальные символы
- •1.4. Форматирование текста
- •1.4.1. Красная строка
- •1.4.2. Выравнивание
- •1.4.3. Межстрочное расстояние
- •1.4.4. Межсловное расстояние
- •1.4.5. Межбуквенное расстояние
- •1.4.6. Декорация
- •1.4.7. Индексы
- •1.4.8. Выделение первой буквы строки и первой строки в блоке текста
- •1 .4.9. Объемный текст
- •1.4.10. Преобразование регистра
- •1.4.11. Мультиколоночная верстка
- •1.5. Предварительно отформатированный текст
- •1.6. Генерируемое содержимое
- •Часть 2. Списки
- •2.1. Маркированный список
- •2.2. Нумерованный список
- •2.3. Автоматическая нумерация элементов списка
- •2.4. Иерархический раскрывающийся список
- •2.5. Меню на основе списка
- •2.6. Выравнивание элементов списка
- •Раздел 1 Раздел 1 Раздел 1
- •Раздел 1 Раздел 1
- •2.7. Список определений
1.2. Основные теги разметки текстов
Как уже отмечалось, для задания заголовков шести различных уровней служат контейнерные теги <h1i>, <h2>, ..., <h6>, для обозначения абзаца - контейнерный тег <р>. Для управления переходом на другую строку предназначен тег <br/>, который указывает место перехода на другую строку; данный тег может использоваться не только для переноса текстовых строк, но и для других элементов, например <img>, <div>, <span>, чтобы обеспечить позиционирование этих элементов в нормальном потоке с новой строки; в отличие от тега <р> абзаца тег <br/> не вставляет пустую строку перед следующим элементом.
В тексте нередко требуется выделить некоторые фрагменты. Для этого имеются специальные контейнерные теги:
<span> - отображает текст обычным прямым шрифтом;
<em> - выводит текст курсивом;
<address> - служит для представления сведений об авторе, дате создания и обновления документа; текст внутри этого контейнера показывается обычным шрифтом;
<kbd> - обычно отображает мелким моноширинным шрифтом текст, вводимый пользователем;
<code> - обычно применяется для отображения мелким моноширинным шрифтом текста, содержащего программный код. Если внутри этого тега находится контейнер <script>, содержащий сценарий, то сценарий будет выполнен, но не отображен;
<samp> - выводит мелким моноширинным шрифтом текст, содержащий пример программного кода. Если внутри этого тега находится контейнер <script>, включающий сценарий, то этот сценарий будет выполнен, но не отображен;
<var> - служит для отображения имен переменных мелким моноширинным шрифтом;
<cite>- обычно применяется для отображения текста (например, цитат) курсивом;
<blockquote> - выводит текст с отступом (со сдвигом вправо).
Текст, заключенный в перечисленные теги, отображается так или иначе в соответствии с правилами, принятыми по умолчанию. Вместе с тем ничто не мешает вам задать свой собственный стиль вывода содержимого для каждого из данных тегов.
Выделить текст полужирным шрифтом и курсивом можно контейнерными тегами <b> и <i> соответственно. В свое время данные теги были придуманы для поддержки форматирования текста. Теперь форматирование следует преимущественно осуществлять с помощью CSS, а от тегов и атрибутов, предназначенных в основном для определения визуализации, рекомендуется отказаться. Однако теги для разметки текста все-таки нужны. Главная их функция - выделить фрагмент текста как элемент структуры документа. Так, например, применяя тег <cite> для выделения цитат, вы можете затем из всего текста документа выделить и отобразить только цитаты. Подобные операции выполняют обычно скрипты, но для обеспечения их принципиальной возможности необходима структурная разметка документа специальными тегами. Разумеется, вы можете не полагаться на принятое по умолчанию отображение содержимого этих тегов, а просто задать для них нужные вам параметры CSS, например указать в таблице стилей, что содержимое тега <address> должно отображаться полужирным курсивом размером 10 pt:
address { font: italic bold l0pt Times}