Таблицы. Атрибуты TABLE:
Имя атрибута | Возможные значения | Смысл | Примечания |
ALIGN | LEFT, RIGHT | Определяет горизонтальное положение таблицы. При использовании этого атрибута по окончании таблицы должна следовать команда BR. | LEFT - Таблица прижимается влево. RIGHT – Таблица прижимается вправо. Текст в клетках прижимается к влево. |
VALIGN | TOP, MIDDLE, BOTTOM | Определяет вертикальное расположение текста в таблице | |
WIDTH HEIGHT | целое | Определяет ширину/высоту таблицы в пикселах или в процентах от ширины/высоты экрана. Для задания n в процентах используется знак (%) процента. | браузер использует это значение, если оно не конфликтует с требованиями ширины/высоты в соседних ячейках в том же самом столбце |
BACKGROUND | URL | Задает в качестве фона графический файл. | |
BGCOLOR | Задает цвет фона. | ||
BORDER | целое | Ширина рамки в пикселах | По умолчанию рамка не рисуется |
BORDER COLOR | Задание цвета рамки | ||
CELLPADDING (CELLSPACING) | целое | Задает расстояние в пикселах между границей (внешней рамкой таблицы) клетки и ее содержимым. |
Атрибуты TD, TH:
|
|
Имя атрибута | Возможные значения | Смысл | Примечания |
NOWRAP | подавляет перенос слов | эквивалентно использованию непрерывных пробелов ( ) вместо обычных пробелов в пределах содержимого ячейки | |
ROWSPAN | целое | число строк, перекрываемых ячейкой | по умолчанию 1 |
COLSPAN | целое | число столбцов, перекрываемых ячейкой | по умолчанию 1 |
ALIGN | LEFT, CENTER, RIGHT, JUSTIFY, CHAR | горизонтальное выравнивание данных в ячейке | по умолчанию LEFT или атрибут ALIGN во включающем элементе TR, Если задано ALIGN=”CHAR”, то задается свойство CHAR=”.”, с указанием относительно какого символа выравнивать. Свойство CHAROFF=Length заставляет сдвигать ячейки, не содержащие заданного символа |
VALIGN | TOP, MIDDLE, BOTTOM, BASELINE | вертикальное выравнивание данных в ячейке | перекрывается атрибутом VALIGN во включающем элементе TR |
WIDTH | целое | ширина ячейки в пикселях | браузер использует это значение, если оно не конфликтует с требованиями ширины в соседних ячейках в том же самом столбце |
HEIGHT | целое | высота ячейки в пикселях | браузер использует это значение, если оно не конфликтует с требованиями высоты для других ячеек в той же самой строке |
BACKGROUND, BGCOLOR, BORDERCOLOR | Аналогично атрибутам TABLE |
Пример:
<table width="80%" border="1" cellspacing="0" cellpadding="5" align="right">
<tr>
<th colspan="4" align="center"> Сотрудники ЧП "ЛугУголь" </th>
</tr>
<tr bgcolor="#CCCCCC" align="center">
<td> Фамилия Имя Отчество </td>
<td> Дата рождения </td>
<td> Адрес </td>
<td> Телефон </td>
</tr>
<tr>
<td> Иванов Иван Иванович </td>
<td align="center"> 12.12.2000 </td>
|
|
<td bgcolor="#33CCFF"> ул. Советская 6/54 </td>
<td align="right"> 96-80-43 </td>
</tr>
<tr>
<td> Притиркин Сергей Михайлович </td>
<td align="center"> 09.09.2009 </td>
<td bgcolor="#33CCFF"> ул. Котельникова 9/2 </td>
<td align="right"> 81-96-40 </td>
</tr>
</table>
1. С помощью Блокнота создайте Web- страницу table2.html и сохраните ее.
2. Создайте в документе table2.html показанную ниже таблицу.