Таблицы

Таблица вставляется в HTML-документ парными тегами <TABLE> </TABLE>. Тег <TABLE>может содержать атрибуты:

BORDER – ширина бордюра (может принимать значения от 0 до 10);

WIDTH - ширина таблицы;

BGCOLOR – цвет фона под таблицей.

Между тегами <TABLE>могут располагаться следующие элементы:

<CAPTION> название таблицы </CAPTION>

У тега <CAPTION> может быть атрибут ALIGN, для которого возможны два значения, определяющие положение названия таблицы: top – над таблицей, bottom - под таблицей.

<TR> строка таблицы </TR>

У тега <TR>могут быть атрибуты:

ALIGN – выравнивание внутри строки (LEFT, RIGHT, CENTER)

VALIGN – вертикальное выравнивание внутри строки таблицы (TOP, BOTTOM, MIDDLE)

BGCOLOR– цвет фона внутри строки.

<TD> столбец таблицы </TD>

- тег столбца таблицы, который может иметь следующие атрибуты:

ALIGN – выравнивание в столбце (LEFT, RIGHT, CENTER)

VALIGN – вертикальное выравнивание внутри строки таблицы (TOP, BOTTOM, MIDDLE)

COLSPAN=n, ROWSPAN=n – растягивание ячейки таблицы на n столбцов или строк.

BGCOLOR – цвет фона внутри столбца.

Разделители

Для того чтобы визуально отделить часть объектов html-документа от других, применяется тег <HR>. С его помощью можно отобразить в окне броузера горизонтальную черту заданного размера и цвета. В общем виде синтаксис директивы <HR> выглядит следующим образом:

Атрибут ALIGN определяет положение горизонтальной черты на экране и может принимать одно из трех возможных значений: CENTER, LEFT и RIGHT (выравнивание черты по центру, левой и правой границам экрана).

Атрибут WIDTH определяет длину линии, причем его значение можно задавать либо в пикселах простым целым числом, либо в процентах от ширины экрана при помощи числа от 1 до 100 с добавлением символа «%», например, WIDTH="268" или WIDTH="80%". В последнем случае абсолютная длина линии будет меняться в зависимости от установленного пользователем экранного разрешения. Атрибут SIZE, значение которого — простое целое число, задает толщину линии в пикселах. И, наконец, атрибут COLOR определяет цвет заливки линии, в качестве его значения указывается либо шестнадцатеричный цифровой код, либо символьная нотация необходимого цвета. Ниже приведен пример записи тега <HR>:

Очевидно, что подобно директиве <BR> команда <HR> не имеет закрывающего тега. По умолчанию, то есть в случае записи команды <HR> без указания каких-либо атрибутов, броузер отобразит двухцветную серо-белую линию толщиной в три пиксела и длиной во весь экран.

Рамки (фреймы – Frame)

С помощью рамок экран делится на несколько областей, в каждой из которых отображается содержимое отдельной страницы или Web-узла. Для создания рамок используют тег <FRAMESET> и парный ему тег </FRAMESET>, а для их описания теги <FRAME>

Пусть на экране нужно разместить одновременно содержимое страниц a.htm и b.htm

Для этого используется следующий код:

<HTML>

<HEAD>

<TITLE>Пример1</TITLE>

</HEAD>

</FRAMESET>

</HTML>

Атрибут тега <FRAMESET> COLS применяется для деления экрана на вертикальные колонки. Атрибут ROWS для деления по горизонтали. Значения параметров тега могут задаваться как в процентах от размера экрана (динамическая компоновка), так и в пикселах (статическая компоновка).

<16 17 181920 21 22 >

Дата добавления: 2015-08-26; просмотров: 567;