- •Содержание
- •Введение
- •1 Структура html-документа
- •2.2 Горизонтальная линия
- •2.3 Абзац
- •2.4 Принудительный разрыв строки
- •2.5 Цвет фона и цвет шрифта
- •3 Оформление отдельных элементов текста
- •3.1 Текстовые ссылки и цитаты
- •3.2 Усиление текста
- •3.3 Авторское редактирование
- •3.4 Центрирование абзацев и фрагментов
- •4 Программирование списков
- •4.1 Маркированный список
- •4.2 Нумерованный список
- •4.3 Вложенные списки
- •5 Гипертекст
- •5.1 Переносимость
- •5.2 Html-документ - это гипертекст
- •5.3 Гипертексты и браузеры
- •5.4 Переход к другому документу
- •5.5 Переход к метке другого документа
- •6 Графика
- •6.1 Программирование картинки
- •7 Фоновые изображения
- •8 Таблицы
- •8.1 Программирование таблицы
- •8.2 Атрибуты команды tr
- •8.3 Атрибуты команды td (th)
- •8.4 Страничные отступы
- •8.5 Таблицы, вложенные друг в друга
- •9 Вопросы для самоконтроля
- •10 Задания
- •Литература
3 Оформление отдельных элементов текста
При создании HTML-документов иногда требуется выделять смысловые части текста: заголовки выделить жирным шрифтом, определения курсивом и т.д. Реализовать это можно при использовании команд, рассмотренных в этом разделе методического пособия.
3.1 Текстовые ссылки и цитаты
Название книги, газетной статьи, фильма или песни можно выделить при помощи команды <CITE>...</CITE>. Большинство браузеров изображает текстовую ссылку курсивом (наклонным шрифтом). Эту же команду можно использовать для оформления небольших внутристрочных цитат.
Большие цитаты лучше выделять из основного текста при помощи команды <BLOCKQUOTE>...</BLOCKQUOTE>. Браузер отображает цитату с большим, чем у обычного текста, левым и правым отступом от края страницы.
3.2 Усиление текста
Часто, кроме заголовков, которые выделяются командой <Hn>...</Hn> и располагаются на отдельных строках, требуется выделить в тексте отдельные слова, чтобы подчеркнуть их значение, сконцентрировать на них внимание пользователя. Например, всюду в этом тексте выделены полужирным шрифтом теги команд. Для такого выделения элементов текста предназначена команда <STRONG>...</STRONG>.
Команда <BIG>...</BIG> увеличивает размер шрифта по отношению к текущему, а команда <SMALL>...</SMALL> - уменьшает его. Команды могут быть вложенными, что позволяет увеличивать (или уменьшать) размер в несколько раз.
Команда <B>…</B> делает жирным текст, команда <I>...</I> отображает текст курсивом, команда <U>…</U> делает текст подчеркнутым.
3.3 Авторское редактирование
Браузеры игнорируют в программе множественные пробелы и символы конца строки при показе документа на экране. Из этого правила, однако, есть исключение. Команда <PRE>...</PRE> заставляет браузер выводить текст на экран так, как он записан в программе - со всеми пробелами и концами строк. Это удобно при показе сложных страниц.
3.4 Центрирование абзацев и фрагментов
Команда <P>, записанная без атрибутов, выравнивает текст по левому краю страницы. Можно запрограммировать вывод текста с ровным правым краем, или так, чтобы все его строчки были выровнены по центру.
<P align = right> - выравнивает абзац по правому краю <P align = center> - выравнивает абзац по центру
Выровнять по центру можно не только отдельный абзац или заголовок, но и целую группу экранных элементов, если поместить их описание внутри тегов <CENTER> ...</CENTER>.
4 Программирование списков
HTML допускает задание в документах списков трех типов: маркированный, нумерованный и вложенные списки.
4.1 Маркированный список
Каждый элемент этого списка браузер предваряет меткой в начале строки, а сами строки смещает вправо.
Команда UL, задающая маркированный список имеет следующую структуру, представленную в таблице 4.1:
Таблица 4.1. – Структура команды для создания маркированных списков
-
Описание команды:
Пример:
<UL> <LI>первый элемент списка</LI> <LI>второй элемент списка</LI>. . <LI>последний элемент списка</LI> </UL>
<UL> <LI>Какой он, этот
Слонопотам?</LI> <LI>Неужели очень злой?</LI> <LI>И как он их любит?</LI> </UL>
Замечание. Конечный тег </LI> является необязательным.
Вид метки, которую браузер помещает перед каждым элементом списка, настраивается при помощи атрибута type. Этот атрибут может отсутствовать или принимать одно из трех значений:
-
Начальный тег:
Вид метки на экране:
<UL>
По умолчанию: диск
<UL type = circle>
Окружность
<UL type = disc>
Диск
<UL type = square>
Квадрат
