Презентация, доклад на тему Таблицы на web странице

меню
2 блок : Картинки
3 блок: Реклама

web-страниц. Web-дизайнеры в основном использовали метод табличной вёрстки и получали очень хороший результат.

Теги, используемые для построения таблицы в html

table - обязательный тег, открывающий и закрывающий таблицу
caption - необязательный тег, обозначающий заголовок таблицы
th - необязательный тег, в открывающий и закрывающий теги которого вписывается название столбца. Как правило, выделяется жирным
tr - обязательный тег, с которого открывается и закрывается строка
td - обязательный тег, обозначающий открытие и закрытие ячейки в строке

3
Ячейка 4

включать следующие атрибуты:

WIDTH="n" - определяет ширину таблицы в пикселах или процентах, по умолчанию ширина таблицы определяется содержимым ячеек;
ALIGN=LEFT - определяет расположение таблицы в документе. По умолчанию таблица прижата к левому краю страницы. Допустимые значения аттрибута: LEFT (слева), CENTER (по центру страницы) и RIGHT (справа);
BORDER="n" - устанавливает толщину рамки. По умолчанию n=0 - таблица рисуется без рамки;
BORDERCOLOR="#hhhhhh" - устанавливает цвет рамки, где #hhhhhh - шестнадцатеричное значение цвета;
CELLSPACING="n" - определяет расстояние между рамками ячеек таблицы в пикселах;
CELLPADDING="n" - определяет расстояние в пикселах между рамкой ячейки и текстом;
BGCOLOR="#hhhhhh" - устанавливает цвет фона для всей таблицы, где #hhhhhh - шестнадцатеричное число.
BACKGROUND="picture.gif" - заполняет фон таблицы изображением;

рамки нет (значение по умолчанию);
ABOVE - рисуется только граница сверху;
BELOW - только граница снизу;
HSIDES - границы сверху и снизу;
VSIDES - только границы слева и справа;
LHS - только левая граница;
RHS - только правая граница;
BOX - рисуются все четыре стороны;
BORDER - также все четыре стороны.



RULES="значение" - управляет линиями, разделяющими ячейки таблицы. Возможные значения:
NONE - нет линий (значение по умолчанию);
GROUPS - линии будут только между группами рядов (THEAD, TFOOT, TBODY) и группами колонок (COLGROUP, COL) - о группах рассказано ниже;
ROWS - только между рядами;
COLS - только между колонками;
ALL - между всеми рядами и колонками.

иметь атрибут ALIGN, определяющий положение заголовка относительно таблицы:

TOP - значение по умолчанию, заголовок над таблицей по центру;

LEFT - заголовок над таблицей слева;

RIGHT - заголовок над таблицей справа;

BOTTOM - заголовок под таблицей по центру.

- устанавливает горизонтальное выравнивание текста в ячейках строки. Может принимать значение LEFT (выравнивание влево), CENTER (выравнивание по центру) и RIGHT (вправо);
VALIGN=CENTER - устанавливает вертикальное выравнивание текста в ячейках строки. Допустимые значения: TOP (выравнивание по верхнему краю), CENTER (выравнивание по центру - это значение принимается по умолчанию), BOTTOM (по нижнему краю);
BGCOLOR="#hhhhhh" - устанавливает цвет фона для строки.
BACKGROUND="picture.gif" - заполняет фон строки изображением.

следующие атрибуты:

ALIGN=LEFT - устанавливает горизонтальное выравнивание текста в ячейке. Может принимать значение LEFT (выравнивание влево), CENTER (выравнивание по центру) и RIGHT (вправо);
VALIGN=CENTER - устанавливает вертикальное выравнивание текста в ячейке. Допустимые значения: TOP (выравнивание по верхнему краю), CENTER (выравнивание по центру - это значение принимается по умолчанию), BOTTOM (по нижнему краю);
WIDTH="n" - определяет ширину ячейки в n пикселов;
HEIGHT="n" - определяет высоту ячейки в n пикселов;
COLSPAN="n" - устанавливает "размах" ячейки по горизонтали. Т.е. COLSPAN="3", например, означает, что ячейка будет простираться на 3 колонки;
ROWSPAN="n" - устанавливает "размах" ячейки по вертикали. ROWSPAN= "2" означает, что ячейка занимает две строки таблицы;
BGCOLOR="#hhhhhh" - устанавливает цвет фона ячейки;
BACKGROUND="picture.gif" - заполняет фон ячейки изображением.

отвечает ?