Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
РЭУБД_лекции.doc
Скачиваний:
3
Добавлен:
01.03.2025
Размер:
1.05 Mб
Скачать

5.2. Построение абзацев в гипертекстовом документе

Слово абзац произошло от немецкого Absatz - красная строка, и означает отступ в начальной строке печатного или рукописного текста. В языке разметки гипертекста, к сожалению, не существует специального тега для создания красной строки в том виде, к которому мы привыкли. Под абзацем здесь понимают пропуск строки перед текстом, в результате чего законченные по смыслу части предложения располагаются на некотором расстоянии друг от друга. Абзац в HTML задаётся при помощи тегов <P>...</P>. Закрывающийся тег не является обязательным и его можно опускать.

Пример:

<HTML>

<HEAD>

<TITLE>Использование абзацев в HTML</TITLE>

</HEAD>

<BODY>

<P>В русском языке под абзацем понимают отступ в начальной строке печатного или рукописного текста</P>

<P>В HTML абзац - это пропуск строки перед текстом</P>

</BODY>

</HTML>

Как Вы уже знаете, большинство элементов HTML имеют дополнительные параметры. Абзацы не являются исключением. Их можно выравнивать по центру, по ширине, по левому или по правому краю страницы. Задаётся выравнивание при помощи атрибута  ALIGN:

   ALIGN="center" - выравнивание по центру;

   ALIGN="right" - выравнивание по правому краю страницы;

   ALIGN="left" - выравнивание по левому краю страницы;

   ALIGN="justify" - выравнивание по ширине.

Последнее значение появилось недавно и поэтому может не поддерживатся старыми браузерами. При выравнивании текста по ширине увеличивается расстояние между словами, что может привести к затруднению при чтении документа.

Рассмотрим применение абзацев с уже знакомыми нам атрибутами.

<HTML>

<HEAD>

<TITLE>Использование абзацев в HTML</TITLE>

</HEAD>

<BODY>

<P align="center">выравнивание абзаца по центру</P>

<P align="right">выравнивание абзаца по правому краю страницы</P>

<P align="left">выравнивание абзаца по левому краю страницы</P>

</BODY>

</HTML>

Альтернативой тегу <P> служит тег <BR>, который также позволяет разбить текст на две части, но без пропуска пустой строки между ними. Этот тег является непарным! Как всегда, рассмотим конкретный пример:

<HTML>

<HEAD>

<TITLE>Использование абзацев в HTML</TITLE>

</HEAD>

<BODY>

Это первая часть текста <BR>

Это вторая часть текста

</BODY></HTML>

У тега <BR> есть только один интересный атрибут - clear, который позволяет задать обтекание объекта (например, рисунка) текстом. Может принимать три значения:

    <br clear="all"> - позволяет завершить обтекание объекта текстом;

    <br clear="left"> - позволяет завершить обтекание текстом объекта, выровненного по левому краю;

    <br clear="right"> - позволяет завершить обтекание текстом объекта, выровненного по правому краю.

5.3 Построение заголовков в гипертекстовом документе

В html существуют заголовки шести уровней:

<h1>…</h1> - заголовок первого уровня;

<h2>…</h2> - заголовок второго уровня;

<h3>…</h3> - заголовок третьего уровня;

<h4>…</h4> - заголовок четвёртого уровня;

<h5>…</h5> - заголовок пятого уровня;

<h6>…</h6> - заголовок шестого уровня.

Заголовки необходимы для структурирования документа путём его разбиения на разделы. Причём  заголовок, обозначенный тегом <h1> - самый крупный, а тегом <h6> - самый мелкий. Не используйте заголовки для увеличения или уменьшения размера текста в пределах документа. Для этого существуют специальные элементы форматирования html, о которых мы поговорим несколько позднее. В заголовках всех уровней присутствует только один атрибут - align, который задаёт выравнивание текста в пределах страницы. С этим атрибутом Вы уже встречались в предыдущем разделе при изучении абзацев.  Он может принимать следующие значения:

ALIGN="center" - выравнивание по центру;

ALIGN="right" - выравнивание по правому краю страницы;

ALIGN="left" - выравнивание по левому краю страницы;

ALIGN="justify" - выравнивание по ширине.

Рассмотрим пример:

<HTML>

<HEAD>

<TITLE>Использование заголовков в HTML</TITLE>

</HEAD>

<BODY>

<H1> заголовок первого уровня </H1>

<H2> заголовок второго уровня </H2>

<H3> заголовок третьего уровня </H3>

<H4> заголовок четвертого уровня </H4>

<H5 align="center"> заголовок пятого уровня, выровненный по центру </H5>

<H6 align="right"> заголовок шестого уровня, выровненный по правому краю </H6>

</BODY>

</HTML>

В html есть ещё один заголовок, обозначаемый тегом <title>…</title>, который показывает имя документа, отображаемый браузером в верхней части окна (после значка Internet Explorer). Эта пара тегов должна располагаться в заголовочной части документа между тегами <head>…</head>. Смотрите примеры, приведённые выше.

В этом разделе мы рассмотрим такой элемент языка гипертекстовой разметки, который позволяет изменять текст, гарнитуру и размер шрифта по Вашему усмотрению. Задается он при помощи пары тегов <font>…</font>. Допустимых атрибутов всего три:

size="xxx" – используется для задания размера шрифта. xxx может задаваться либо абсолютным (от 1 до 6), либо относительным (от +1 до +6 и от -1 до -6) значением. По умолчанию стоит абсолютное значение равное 3. 

color="xxx" – задаёт цвет текста. Указывается или английское название цвета (black, green …), или его значение в шестнадцатеричной системе. Если цвет задан в шестнадцатеричной системе, что встречается достаточно часто, то необходимо перед ним ставить знак решётки - "#". Рекомендуется использовать безопасные цвета, которые одинаково отображаются в различных браузерах. Таблицу базовых цветов можете посмотреть в приложении данного руководства.

face="xxx" – задаёт имя шрифта, который будет использован для отображения текста на машине пользователя. Можно задавать несколько имён шрифтов, разделённых запятыми. В этом случае будет использован шрифт, чьё имя найдено первым в списке. Данный атрибут поддерживается только в Internet Explorer.

Рассмотрим пример:

<HTML>

<HEAD>

<TITLE>Заголовок</TITLE>

</HEAD>

<BODY>

<FONT size="5" color="#23238f" face="Arial">Этот текст имеет следующие значения: шрифт - Arial, цвет - тёмно-синий, размер 5 </FONT><BR>

<FONT size="3" color="#ff0000">А этот текст выглядит красным цветом, 3 размера </FONT>

</BODY>

</HTML>