Приветствую Вас Гость | Четверг, 28.03.2024, 23:41 | ||||||||||||||||||||
Главная | Регистрация | Вход | RSS | |||||||||||||||||||||
web-stroytel | |||||||||||||||||||||
Таблицы в htmlТаблицы играют важную роль в создании сайта. Html таблицы можно использовать не только для отображения таблиц как таковых, но и для создания невидимого каркаса страниц.TABLE - Служит для создания html таблицы.TR (Table Row) - Делает новый ряд таблицы. Закрывающий тег обязателен.TD (Table Data) - Начинает и заканчивает каждую ячейку ряда таблиц. Закрывающий тег обязателен.Давайте создадим таблицу из двух рядов и трех столбцов:
<table width="105%" border="1">
<tr> <td scope="col">Первый ряд. Ячейка 1</td> <td bgcolor="#99FF00" scope="col">Первый ряд. Ячейка 2 Зеленая</td> <td bgcolor="#330000" scope="col"><span class="стиль1">Первый ряд. Ячейка 3 Коричневая .</span></td> </tr> <tr> <td>Второй ряд.Ячейка 1</td> <td bgcolor="#CCCCCC">Второй ряд..Ячейка 2 Серая</td> <td>Второй ряд.Ячейка 3... </td> </tr> </table> Вот как это примерно будет выглядеть в браузере:
Видите как просто! Таблица начинается с <table>. За ним идёт <tr> (новый ряд). Далее идут ячейки: (<td>Первый ряд ячейка 1</td>). Ряд закрывается </tr>, и начинается новый <tr>. Таблица закрывается </table>. Атрибуты: CELLPADDING – определяет расстояние между рамкой каждой ячейки и содержащемся материалом. CELLSPACING – определяет расстояние между границами соседних ячеек. WIDTH
– определяет ширину таблицы. HEIGHT
– определяет высоту таблицы. COLSPAN – задает количество столбцов, на которые простирается данная ячейка. ROWSPAN – определяет количество рядов, на которые простирается данная ячейка. ALIGN – определяет способ горизонтального выравнивания. Возможные значения: left, center, right. VALIGN – определяет способ вертикального выравнивания таблицы или содержимого ячеек. Значения: top, bottom, middle(к верху, к низу и посередине). BGCOLOR
– определяет цвет фона ячеек. BACKGROUND – позволяет заполнить фон таблицы рисунком, указанным в url. См. такжеСледующий - создаем мини-сайт |
|
|