Структура текста создается элементами уровня блока (начинаются с новой строки).
К ним относятся следующие элементы:
Hn – Заголовок (шесть уровней n=1 – 6)
P – Абзац
DIV – Раздел
PRE – Предварительно отформатированный текст
BLOCKQUOTE – Длинная цитата
HR – Горизонтальная линия
ADDRESS – Адрес
Для обеспечения принудительного переноса используется элемент BR (обрыв строки), а для запрета переноса – NOBR (запрет переноса).
Для ознакомления с работой данных элементов создайте на основе шаблона файл strtxt.htm и оформите текст по ниже расположенному заданию заданию.
- Скопируйте содержимое файла town.doc и вставьте его в раздел BODY файла strtxt.htm.
- Основной заголовок текста оформите в виде Заголовка первого уровня с выравниванием по центру:<H1 align=”center” >Город в котором я живу </H1>
- Заголовки 1…6 абзацев оформите в виде Заголовков 2…6 уровня соответственно с выравниванием текста заголовков последовательно по левому, по центру или по правому краю и т.д. (у атрибута align оставьте одно из необходимых значений): <H2 align=”left|center|right”>Царское село </H2>и т.д.
- Текст 1-4 абзацев оформите как Абзац с выравниванием текста абзаца последовательно по правому, центру, ширине и левому краю (у атрибута align оставьте одно из необходимых значений): <P align=”right|center|justify|left”> текст абзаца </P>
- Текст пятого абзаца расположите по центру с использованием элемента Раздел: <DIV align=”center”>текст абзаца</DIV>
- Стихотворение (шестой абзац) оформите с использованием тегов:
- Обрыв строки – <BR> (записывается в месте, где необходимо сделать перенос) и
- Длинная цитата – <BLOCKQUOTE> </BLOCKQUOTE> (сдвигает выделенный участок текста вправо).
- Список архитекторов во втором абзаце оформите как Предварительно отформатированный текст – <PRE> </PRE> (сохраняет все пробелы сделанные в редакторе).
- Под каждым заголовком проведите Горизонтальную линию длинной, совпадающей с длинной текста заголовка и имеющей аналогичное выравнивание. Цвет и толщину линии выбрать самостоятельно: <HR width=”50%” size=”20” color=”red” align=”left|center|right”>
- В конце текста написать фразу Web-мастер и оформите ее с использованием элемента Адрес (отображается курсивом размером меньше среднего): <ADDRESS> Web-мастер </ADDRESS>