Форматирование абзацев



Предыдущая | Следующая

Форматирование абзацев
Когда мы вводили текст Web-страницы, то предусмотрели три строки, которые собирались превратить в заголовки. Давайте же это сделаем.
Начнем с самой первой строки — наш архив. Это будет название нашего сайта, давайте превратим ее в заголовок первого уровня. Поставим на нее текстовый курсор (выделять весь абзац целиком в этом случае необязательно) и посмотрим на редактор свойств. Чем он может нам помочь?
Там есть раскрывающийся список Format. Если его раскрыть, мы увидим то, что показано на рис. 3.12.

Здесь все просто. Пункт Paragraph этого списка форматирует текст как обычный абзац (отмечаемый тегом <р>). Пункты Heading 1, ..., Heading 6
позволяют превратить его в заголовок, соответственно, первого, ..., шестого уровня. Поэтому без лишних разговоров выберем пункт Heading 1-й название сайта создано.
Теперь создадим заголовки более низких уровней. Поставим текстовый курсор на строку обратная связь и выберем в списке Format пункт Heading 2. То же самое проделаем со строкой права разработчиков. Вот теперь все заголовки созданы.
Все это хорошо, но название нашего сайта выглядит как-то не очень аккуратно. Давайте выровняем его по центру. Редактор свойств припас нам специально для этого набор кнопок —Эти кнопки задают выравнивание текста соответственно (порядок перечисления слева направо):
□ по левому краю;
□ по центру;
□ по правому краю;
□ выравнивание по ширине.
Снова поставим текстовый курсор на первую строку, которую мы уже превратили в название сайта, и щелкнем вторую слева кнопку в описанном ранее наборе. Все, название сайта мы отцентрировали.
Интересная особенность: когда мы щелкнули по второй кнопке упомянутого ранее набора, она остается нажатой. Если мы после этого щелкнем по другой кнопке, например, третьей (задающей выравнивание по правому краю), то третья кнопка нажмется, а вторая "отожмется". Такие кнопки, составляющие наборы, в которых только одна из них может быть нажата, называются кнопками-переключателями.
Переключимся в режим отображения HTML-кода и посмотрим, что поставил там Dreamweaver. Так, теги <hi> и <Н2> расставлены там где нужно. Только вместо того, чтобы создать новый стиль, он вставил в тег <hi> атрибут align со значением center, задающий выравнивание по центру. Это, в принципе, не совсем то, чего мы хотели — используется атрибут физического форматирования — но пусть пока останется. Мы исправим это потом.
Теперь посмотрим на строки, перечисляющие разделы нашего сайта: файлы и статьи. Очень уж они нехорошо выглядят... Давайте превратим их в список HTML, для чего воспользуемся набором кнопок-переключателей находящимся в редакторе свойств.
Список HTML выглядит как набор строк — пунктов списка, каждая из которых либо помечена особым значком, либо пронумерована. Списки с пунктами, помеченными значками (маркерами), называются маркированными, а списки с пронумерованными пунктами — нумерованными. Левая кнопка описанного ранее набора превращает выделенные строки в пункты маркированного списка, правая — в пункты нумерованного списка.

Выделим строки файлы и статьи и нажмем левую кнопку набора. Созданный нами маркированный список будет выглядеть так, как показано на рис. 3.13.
Хотя, возможно, будет удобнее создать нумерованный список. Для этого достаточно выделить эти строки и нажать правую кнопку набора. Получится то, что показано на рис. 3.14. Что ж, пусть так и остается.
Если требуется превратить пункты какого-либо списка в обычные абзацы, то нужно выделить их и щелкнуть еще раз по нажатой в данный момент кнопке набора, чтобы "отжать" ее.
Переключимся в режим отображения HTML-кода и посмотрим, из чего состоит список HTML.
<OL>
<Ы>файлы</Ы>
<Ы>статьи. </Ы> </OL>
Видно, что нумерованный список представляет собой парный тег <ol>, внутри которого находятся пункты этого списка. Каждый пункт, в свою очередь, представляет собой содержимое другого тега — <ы>. Ничего сложного.
Для создания маркированного списка вместо тега <ol> используется тег <ul>. Пункты списка и в этом случае создаются с помощью все того же тега <ы>.
Вот, собственно, и все, что можно рассказать о форматировании абзацев текста. Разумеется, если нам понадобится что-то большее, мы всегда можем заглянуть в интерактивную справку Dreamweaver и справочники по HTML и CSS, которые поставляются в его составе (о них будет рассказано в конце этой главы).
А сейчас давайте выясним, как вставить в текст Web-страницы некоторые специальные символы, в частности, знак "копирайта" (авторского права).

 

Содержание Книга по php и mysql