Приветствую Вас Гость Четверг, 28.03.2024, 23:41

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>


Вот как это примерно будет выглядеть в браузере:

Первый ряд. Ячейка 1 Первый ряд. Ячейка 2 Зеленая Первый ряд. Ячейка 3 Коричневая.
Второй ряд.Ячейка 1 Второй ряд..Ячейка 2 Серая Второй ряд.Ячейка 3...

Видите как просто! Таблица начинается с <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.

См. также

Следующий  создаем мини-сайт
Предыдущий - создаем гиперссылки


Регистрация
Поиск
Опрос:
Зачем вы пришли на сайт?
Всего ответов: 41
Друзья
Rambler's Top100
партнеры

Внимание!!
Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0



 При копировании материалов ссылка на источник обязательна.
 Если какой либо материал нарушает ваше авторское право, то пожалуйста обратитесь к администрации через ЛС.
 Шаблон защищен авторским правом. подробнее