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

Берем теги <p> и закрывающий </p>. Между ними пишем текст и форматируем его внутри этого тега. Выравниванием (align), цветом. Разрывом строки <BR> .

Теги заголовка: <H1>…</H1>, <H2>…</H2> : <H6>…</H6>

<h1>- самый большой, <h6> - самый маленький.

align – параметр выравнивания. align= «center»/ «right»/ «left»

Пример: <H1 ALIGN= «CENTER»> … </H1>

Теги абзаца: <P>…</P> , добавляет пустой отступ перед строкой.

Выравнивание абзаца: align= «justify»/ «right»/ «left»/ «center»

justify= выравнивание по ширине

right= по правому краю

left= по левому краю

center= по центру

Пример: <P ALIGN= «justify»> … </P>

По умолчанию стоит параметр align= «left», поэтому его можно не писать.

Тег разрыва строки: <BR>

Он устанавливает перевод строки в том месте, где этот тег находится. Не добавляет пустой отступ перед строкой.

Пример: Идет бычок, качается,<br>Вздыхает на ходу

Результат: Идет бычок, качается,

Вздыхает на ходу

Если текст, в котором используется перевод строки, обтекает плавающий элемент, то с помощью атрибута clear тега <br> можно сделать так, чтобы следующая строка начиналась ниже элемента.

clear= «all»/ «left»/ «right»/ « none »

all= Отменяет обтекание элемента одновременно с правого и левого края.

left= Отменяет обтекание с левой стороны элемента, расположенного после тега <br>

right= Отменяет обтекание с правой стороны элемента.

none = Отменяет действие атрибута.

Пример: <br clear="all">

Тег отображения предварительно отформатированного текста: <pre>…</pre>

Используется, если необходимо поставить несколько пробелов и переносов строк.

Например, необходимо отобразить: Здравствуй, дорогой друг!

Без тега: Здравствуй, дорогой друг!

Использование тега: <pre>Здравствуй, дорогой друг! </pre>

Отображение: Здравствуй, дорогой друг!

Внутри <pre>…</pre> игнорируются теги абзацев и заголовков.

Тег <hr>: рисует горизонтальную линию, которая по своему виду зависит от используемых параметров.

Тег <hr> относится к блочным элементам, линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке.

align - определяет выравнивание линии.

color- цвет линии.

noshade- рисует линию без трехмерных эффектов.

size- толщина линии.

width- ширина линии.

Пример: <hr align= color= size= width= noshade>

14.Ссылки в html документах.

Ссылка

• <A HREF=“URL”> ...обычно текст ссылки синий и подчеркнутый</A>

• <A HREF=“URL” TARGET=“цель”> ... </A> *

• Пример:

  • <A HREF=“http://www.fitim.ru”> ФИТИМ </A>

ФИТИМ

• * В адресе могут указываться и доп. Параметры:

• <A HREF=http://www.fitim.ru/student/index.html?lang=ru> ... </A>

15.Таблицы в html документах (структура, свойства ячеек, методы объединения ячеек).

НАЗНАЧЕНИЕ ТАБЛИЦ

• для упорядочивания данных в строки и столбцы ячеек.

• широко используются для визуальной компоновки содержимого документа (для позиционирования элементов)

ОСНОВНЫЕ ТЕГИ ТАБЛИЦ

<TABLE>

<TR>

<TD> содержимое 1-ой ячейки первой строки </TD>

<TD> содержимое 2-ой ячейки первой строки </TD>

</TR>

<TR>

<TD> содержимое 1-ой ячейки второй строки </TD>

<TD> содержимое 2-ой ячейки второй строки </TD>

</TR>

</TABLE>

ПАРАМЕТРЫ ТАБЛИЦЫ

• ALIGN = left | right | center.

• BACKGROUND = url

• BGCOLOR = цвет

• BORDER = значение в пикселах

• CELLPADDING = значение в пикселах

• CELLSPACING = значение в пикселах

• HSPACE = значение в пикселах

• VSPACE = значение в пикселах

• WIDTH = значение в пикселах или процентах

• BORDERCOLOR=цвет

• BORDERCOLORDARK=цвет

• BORDERCOLORLIGHT=цвет

• количество объединяемых ячеек:

• ROWSPAN = значение (по вертикали)

• COLSPAN = значение (по горизонтали)

ГРАНИЦА ТАБЛИЦЫ

• frame = void | above | below | hsides | lhs | rhs | vsides | box | border (внешняя рамка)

  • Void не показывать внешнюю рамку (принято по умолчанию, если border=0)

  • Above показывать только верхнюю границу

  • Below показывать только нижнюю границу

  • Hsides показывать только верхнюю и нижнюю границу

  • Vsides показывать только левую и правую границы

  • Lhs показывать только левую границу

  • Rhs показывать только правую границу

  • box (border) показывать внешнюю рамку полностью (принято по умолчанию, если border>0)

РАМКА ТАБЛИЦЫ

• rules = none | groups | rows | cols | all (внутренние рамки)

  • None не показывать внутреннюю рамку (принято по умолчанию, если border=0)

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

  • Rows показывать только границы между строками

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

  • All показывать внутреннюю рамку полностью (принято по умолчанию, если border>0)

РЯДЫ

Группировка рядов

1. строки, представленные вверху таблицы THEAD

2. строки, представленные внизу таблицы TFOOT

3. центральные строки таблицы TBODY

КОЛОНКИ

Группировка колонок

• COL - задает ширину и другие атрибуты одной или нескольких колонок

  • <col align="left | center | right">

  • <col span=2 width=100>

ОБЪЕДИНЕНИЕ

• Объединение ячеек в строках

  • Параметр colspan=“число столбцов”

• Объединение ячеек в столбцах

  • Параметр rowspan=“число строк”