Урок 30. Таблицы на WEB-странице

Материалы к уроку в документе.

Таблица - форма представления информации в виде, удобном для анализа. Таблица состоит из строк, которые разделены на ячейки. Внешний контур таблицы и ее частей — прямоугольный.

В практическом HTML-программировании таблицы совершенно незаменимы для… создания левых и правых полей окна браузера, выравнивания элементов в окне, много колонной верстки, наложения картинок друг на друга. И, наконец, для отображения на экране табличного материала.

Пример создания таблицы:

Браузер отображает строки и ячейки в строке так, как описано – слева направо:

<TABLE border=1> 
<TR>            <!-- Первая строка -->   
<TD>1,1</TD>     <!-- Первая ячейка -->   
<TD>1,2</TD>     <!-- Вторая ячейка --> 
</TR> 
<TR>            <!-- Вторая строка -->   
<TD>2,1</TD>     <!-- Первая ячейка -->   
<TD>(2,2)</TD>     <!-- Вторая ячейка -->  </TR> 
<TR>            <!-- Третья строка -->   
<TD>3,1</TD>     <!-- Первая ячейка -->   
<TD>3,2</TD>     <!-- Вторая ячейка --> 
</TR>
</TABLE>

Получится такая таблица:

1,1	1,2
2,1	2,2
3,1	3,2

Атрибуты таблицы в целом и ее отдельных элементов задают следующие свойства:

• выравнивание (по горизонтали и по вертикали, где возможно)
• абсолютную ширину таблицы (в пикселях) или относительно окна браузера (в процентах);
• абсолютную ширину столбца (в пикселях) или относительно строки таблицы (в процентах);
• цвет или картинку фона
• цвет и толщину рамки
• объединение ячеек по горизонтали или по вертикали.

Более подробно о тегах и их параметрах читайте в документе.

Практическая работа