Читайте также:
|
• Соблюдайте порядок тегов <TABLE>, <TR> и <TD>.
Всегда соблюдайте схему создания таблицы, сначала открывайте таблицу, затем открывайте ряд, затем открывайте и закрывайте несколько ячеек, затем закрывайте ряд и в конце закрывайте таблицу.
• Закрывайте тег <TABLE> в конце таблицы.
Если не закрыть тег <TABLE> в конце таблицы, то в большинстве браузеров это приведет к непредсказуемым результатам. Netscape Navigator, например, вообще не отобразит содержимое таблицы на экране.
• Количество ячеек в ряду.
Старайтесь следить за тем, чтобы количество ячеек во всех рядах таблицы было одинаковым. Даже если вы не хотите ничего писать в одной из ячеек ряда таблицы, просто вставьте ячейку без содержимого: <TD> </TD>. Комбинация символов ' ' означает пустой символ.
• Пишите каждый тег таблицы с новой строки.
Чтобы не запутаться в HTML коде больших таблиц, используйте следующий прием:
<TABLE>
<TR>
<TD>... </TD>
<TD>... </TD>
<TD>... </TD>
</TR>
<TR>
<TD>... </TD>
<TD>... </TD>
<TD>... </TD>
</TR>
</TABLE>
Для управления структурой и внешним видом таблицы, а также выравниванием данных в ней используются следующие атрибуты и специальные теги:
BGCOLOR - название или шестнадцатеричное представление цвета, который будет использован в качестве цвета фона таблицы, ряда или отдельной ячейки.
BACKGROUND -путь и название изображения, которое будет использовано в качестве фона ячейки таблицы. Если этот параметр указан в теге <TABLE>, то изображение будет использовано в качестве фона каждой ячейки, если параметр указан в теге <TR>, то во всех ячейках этой строки и если в теге <TD>, то в конкретной ячейке.
WIDTH - ширина таблицы, строки или отдельной ячейки в пикселах или в процентах.
HEIGHT - высота всей таблицы, ряда таблицы или отдельной ячейки заданная в пикселах или в процентах. Высота отдельной ячейки и высота ряда таблицы обычно одинаковы.
BORDER - толщина бордюра вокруг таблицы в пикселах. При указании нулевого значения параметра BORDER (BORDER=0) бордюра не будет.
ALIGN - размещение таблицы на странице или внутри ячейки другой таблицы в случае, если таблица вставлена в ячейку другой таблицы. Возможные значения параметра ALIGN - center (выравнивание таблицы по центру), left (выравнивание по левому краю) и right (выравнивание по правому краю).
CELLPADDING - ширина отступа от края ячейки до содержимого ячейки внутри всех ячеек таблицы в пикселах.
CELLSPACING - ширина отступа между ячейками таблицы в пикселах.
VALIGN - вертикальное выравнивание элементов внутри каждой ячейки данного ряда или отдельной ячейки таблицы. Возможные значения данного параметра - top (выравнивание от верха ячейки), middle (выравнивание центру ячейки) и bottom (выравнивание низа ячейки).
Пример создания простой таблицы (рис.1.12):
| Текст HTML-программы | Комментарий |
| <html> <head> <title> Таблицы </title> </head> <body> </body> | |
| <table | Начало создания таблицы |
| border=5> | Задание рамки вокруг таблицы (толщина рамка равна 5 пикселам) |
| <caption>Теги формирования таблицы</caption> | Название таблицы |
| <tr> | Начало создания строки |
| <th> Тег</th> | Определение данных в ячейке, используемой как заголовок столбца |
| <th>Определение</th> | Определение данных в ячейке, используемой как заголовок столбца |
| </tr> | Конец создания строки |
| <tr> <td>< table> < /table></td> | Определение данных, содержащихся в ячейке таблицы |
| <td> Тег создания таблицы </td> </tr><tr> | |
| <td> < tr> < /tr></td> | |
| <td>Тег создания строки </td> | |
| </tr> | |
| <tr> | |
| <td> < td> < /td> </td> | |
| <td> Определение данных, содержащихся в ячейке таблицы </td> | |
| </tr> | |
| <td> < th> < /th> </td> | |
| <td> Определение данных в ячейке, используемой как заголовок столбца </td> | |
| </tr> | |
| </table> | Конец создания таблицы |
| </html> |
Рис.1.12. Простая таблица
Дата добавления: 2015-10-02; просмотров: 72 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Внутренние ссылки | | | Правила создания структуры сложных таблиц |