Упражнение 6.2. Изучение приемов форматирования абзацев

Дата добавления: 2014-11-27; просмотров: 796; Нарушение авторских прав

1. Откройте документ first.htm в программе Блокнот.

2. Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>, а его конкретное содержание может быть любым.

3. Введите заголовок первого уровня, заключив его между тегами <Н1> и </Н1>: <H1>ЭТО ЗАГОЛОВОК ПЕРВОГО УРОВНЯ</H1>

4. Введите заголовок второго уровня, заключив его между тегами <Н2> и </Н2>: <H2>ЭТО ЗАГОЛОВОК ВТОРОГО УРОВНЯ</H2>

5.Введите следующий абзац текста.

<p>Заголовок выделяется тэгами <Hх> и </Hх>, где х – цифра, обозначающая уровень заголовка. Всего может быть 6 уровней. Необходимо также иметь в виду, что браузер игнорирует символы возврата каретки и разбивает строки в зависимости от размера окна. Поэтому для создания отдельных абзацев применяется тэг <р>. Строго говоря, для завершения абзаца необходимо писать тэг </р>, однако он является необязательным и поэтому может отсутствовать. Для выравнивания текста используется параметр ALIGN тэга <р>. Этот параметр может принимать значения LEFT, RIGHT и CENTER для выравнивания соответственно по левому краю, правому краю и по центру. Например: <р ALIGN=”LEFT”></p>

Пробелы и символы перевода строки можно использовать внутри абзаца произвольно.

6. Введите тег горизонтальной линейки <HR>:

<hr color=#FFCCFF size="2" width="450" align="center" noshade>

7. Введите еще один абзац текста:

<p>Любой параметр в теге <НR> необязателен. Они обозначают следующее: color=#FFCCFF – цвет линии в палитре RGB в шестнадцатеричной системе, size="2" – толщину линии в пикселах, width="450" – ширину линии в пикселах, align="center" – выравнивание по центру, noshade – отутствие у линии тени.</p>

8. Сохраните этот документ под именем paragraph.htm.

9. Запустите обозреватель Internet Explorer.

10. Дайте команду Файл®Открыть. Щелкните на кнопке Обзор и откройте файл paragraph.htm.

11. Посмотрите, как отображается файл. Установите соответствие между элементами кода HTML и фрагментами документа, отображаемыми на экране.

<== предыдущая лекция	\|	следующая лекция ==>
Таблицы стилей	\|	Упражнение 6.3. Создание и использование изображения на Web-странице