Лабораторная работа №2 Форматирование текста в html-документах
В структуре большинства Web-страниц доминирующее положение занимает информация, имеющая текстовый формат. Учитывая этот факт, следует отметить важность выбора способа представления текстовой информации на Web-странице. От того, как используется текст, во многом зависит впечатление пользователя от Вашего сайта. Вы должны изучить все способы оформления текста, способствующие тому, чтобы этот текст становился максимально выразительным.
В этой лабораторной работе Вы познакомитесь с тегами HTML, которые обеспечивают форматирование шрифта и абзацев гипертекста.
Кроме того, строку «В праздничные дни у нас предусмотрены скидки на все виды услуг» было бы разумно оформить бегущей строкой.
Для «разрыхления» монотонных блоков текста дизайнеры часто используют горизонтальные линии. У нас, правда, пока нет «монотонных блоков текста», но технологию организации горизонтальных линий Вы освоите тоже в этой лабораторной работе.
Итак, Вам предстоит научиться оформлять:
Заголовки;
Текстовые абзацы;
Бегущую строку;
Маркированные и нумерованные списки.
Заголовки
Формирование заголовков производится тегами <H1>…<H6>.
<H1> - верхний уровень в иерархии заголовков.
<H6> - нижний уровень (самый мелкий).
Теги заголовков парные. Каждый элемент заголовка должен иметь открывающий и закрывающий теги (<H1> и </H1>).
Допускается использование атрибута ALIGN, определяющего способ выравнивания заголовков.
Задание 1
Откройте файл справочника “Sprav_html.doc” на компакт-диске. Найдите раздел «Форматирование текста». Ознакомьтесь со значениями атрибутов тегов заголовков. Будьте готовы ответить на вопросы по правилам задания значений этих атрибутов.
На рис. 7 приведен пример Web-страницы. Напишите HTML-код, содержащий отцентрированный заголовок первого уровня «Бассет-хаунд». Сохраните созданную Web-страницу в файле “basset.htm”.
Рис. 7. Пример оформления текстового фрагмента
Текстовые абзацы
Тег <P> задает начало абзаца и вставляет соответствующий пустой интервал для отделения данного абзаца от предыдущего. Парный тег можно опустить. Тег абзаца имеет только один атрибут ALIGN.
Не следует использовать тег <P> для создания дополнительной пустой строки. Этот подход не поддерживается стандартом HTML, и современные броузеры игнорируют все пустые теги <P>.
Принудительный разрыв строки
Тег <BR> позволяет выполнить перенос оставшейся части текста абзаца на следующую строку. Это непарный тег. В отличие от тега абзаца тег <BR> не увеличивает интервал в тексте.
Задание 2
Откройте файл справочника Sprav_html.doc на компакт-диске. Найдите раздел «Форматирование текста». Выясните, какие значения может принимать атрибут align тега <p>.
В предыдущем задании Вы оформили заголовок страницы, изображенной на рис. 7. Откройте файл “basset.htm” и оформите оба текстовых абзаца этой страницы. Первый абзац необходимо отцентрировать, второй – выровнять по ширине.
Изменение шрифта
Тег <FONT> и </FONT> позволяет определить параметры шрифта данного фрагмента текста, которые устанавливаются с помощью соответствующих атрибутов этого тега. При указании значения атрибута, определяющего имя шрифта, можно через запятую задать несколько имен шрифтов, которые броузер ищет в локальной системе. Использоваться будет тот, имя которого найдено первым. Также с помощью атрибутов тега <FONT> можно задать абсолютный размер шрифта в интервале от 1 до 7 и цвет текста.
Пример:
<font face=”Arial” size=”3” color=”000000”>У нас работают опытные специалисты
</font>
Текст «У нас работают опытные специалисты» будет отображен черным цветом шрифтом «Arial» размером 3.