-(BestFreeHelp.narod.ru)-

-(главная)-

-(библиотека)-

-(архив)-

-(помощь)-

-(карта сайта)-

-(о сайте)-

-(гостевая)-

Итак следующая тема:таблицы.Для чего нужны таблицы и что они из себя представляют?Таблицы-это набор столбцов и строк,придуманных для удобства расположения данных на странице,приведем к примеру данный сайт,он состоит из таблицы,а именно из двух строк и трех столбцов,если приглядеться вы увидите их границы.Если делать сайт и не использовать таблицы,то у вас получится что все данные будут расположены на одном столбце,для большинства случаев это некрасиво выглядит,поэтому вы должны хорошо знать таблицы для написания полноценных страниц.Итак для написания страниц используется тег <TABLE>...</TABLE>

 

Тег <TABLE> создает таблицу. Все прочие элементы таблицы должны быть вложенными в него. Допускается также вложение таблиц одна в другую, т.е. содержимым ячейки может быть другая таблица. Закрывающий тег обязателен.

Атрибуты

align-Выравнивание таблицы относительно документа.Такие можно использовать выравнивания:

center-выравнивание к центру по отношению документа

left-выравнивание влево по отношению документа

right-выравнивание вправо по отношению к документу

background-Строка, определяющая рисунок для заднего фона

bgcolor-Определяет задний фон таблицы

border-Толщина рамки в пикселах. Если атрибут не указан, то таблица выводится без видимой рамки

bordercolor-Цвет рамки cellspacing Задает расстояние между ячейками таблицы

cellspacing-Задает расстояние между ячейками таблицы

cellpadding-Задает расстояние между содержимым ячейки и ее рамкой

rules-Описывает рамки вокруг таблицы. Может принимать следующие значения

all-Отображает все части рамки внутри таблицы

cols-Отображает все вертикальные рамки внутри таблицы

groups-Отображает горизонтальные части рамки между группами таблицы THEAD, TBODY, TFOOT

none-Удаляет все рамки вокруг таблицы

rows-Отображает все горизонтальные рамки внутри таблицы

summary-Описание таблицы для удобства людей, использующих браузеры, поддерживающие азбуку Бройля или речевой вывод

title-Всплывающая подсказка

width-Ширина таблицы в процентах или пикселах.

height-Высота таблицы в процентах или пикселах.

 

Для обозначения в таблице столбцов используется тег

<td></td>

Для обозначения в таблице строк используется тег

<tr></tr>

Пример

Пример простой таблицы

ЗАГОЛОВОК СТОЛБЦА

ЗАГОЛОВОК СТОЛБЦА

1 СТОЛБЕЦ,1 СТРОКА

2 СТОЛБЕЦ,1 СТРОКА

1 СТОЛБЕЦ, 2 СТРОКА

2 СТОЛБЕЦ,2 СТРОКА

1 СТОЛБЕЦ,3 СТРОКА

2 СТОЛБЕЦ,3 СТРОКА

 

Чтобы получить такуюже таблицу вставьте этот код в свою страницу:

<TABLE cols=2 align=center bgColor=yellow border=2 width="390" height="208">

<TR>

<TH width="184" height="47">ЗАГОЛОВОК СТОЛБЦА</TH>

<TH width="188" height="47">ЗАГОЛОВОК СТОЛБЦА</TH>

</TR>

<TR>

<TD width="184" height="52">1 СТОЛБЕЦ,1 СТРОКА</TD>

<TD width="188" height="52">2 СТОЛБЕЦ,1 СТРОКА</TD>

</TR>

<TR>

<TD width="184" height="44">1 СТОЛБЕЦ, 2 СТРОКА</TD>

<TD width="188" height="44">2 СТОЛБЕЦ,2 СТРОКА</TD>

</TR>

<TR>

<TD width="184" height="45">1 СТОЛБЕЦ,3 СТРОКА</TD>

<TD width="188" height="45">2 СТОЛБЕЦ,3 СТРОКА</TD>

</TR>

</TABLE>

[разделы]

HTML

[HTML основы]

[HTML атрибуты]

[HTML таблица цветов]

[HTML символы]

[HTML изображения]

[HTML таблицы]

[HTML фреймы]

[HTML списки]

[HTML формы]

[HTML мета теги]

[HTML словарь тегов]

[HTML интересное]

CSS

[CSS основы]

другие

[как ставить скрипты?]

[интернет как локалка]

[подключение интернета]

[софт мастера]

[словарь мастера]

Hosted by uCoz