Структура текста

Структура текста создается элементами уровня блока (начинаются с новой строки).

К ним относятся следующие элементы:

Hn                                 – Заголовок (шесть уровней n=1 – 6)
P                                    – Абзац
DIV                             – Раздел
PRE                             – Предварительно отформатированный текст
BLOCKQUOTE       – Длинная цитата
HR                               – Горизонтальная линия
ADDRESS                – Адрес

Для обеспечения принудительного переноса используется элемент BR (обрыв строки), а для запрета переноса – NOBR (запрет переноса).

Для ознакомления с работой данных элементов создайте на основе шаблона файл strtxt.htm и оформите текст по ниже расположенному заданию заданию.

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

Comments are closed.