"Таблицы"

   Любая таблица в языке разметки текста задаётся, как таблица с размеченными в ней строками и с размеченными ячейками в этих строках. Количество столбцов зависит от количества ячеек в первой строке.

   Таблица чем-то похожа на xhtml-документ внутри xhtml-документа, у неё также есть тег указывающий на то, где таблица начинается и заканчивается, тоже есть теги "тела", но ей не нужно давать имя и "головы" у неё нет.

   Тег начала таблицы выглядит, как table соответственно конец /table. Тег тела - tbody закрывается, перед тем, как закрывается таблица, тегом /tbody. Тегом tr задаётся строка, закрывается тегом /tr. Ячейка в таблице задаётся тегом td и закрывается /td. Ячейка с заголовком задаётся с помощью тега th и закрывается тегом /th. Пример простой таблицы с двумя строками и двумя столбцами:

   Тег table обладает следующими свойствами :

• border - граница таблицы, указывается в пикселях ( 1px )


• cellspacing - расстояние между ячейками, указывается в пикселях ( 1px )


• cellpadding - объём ячеек, указывается в пикселях ( 1px )


• width - ширина таблицы, указывается в пикселях или процентах


• height - высота таблицы, указывается в пикселях или процентах


• background - здесь задаётся путь к картинке для заднего фона таблицы.

• top - по верхнему краю
• middle - по центру
• bottom - по нижнему краю

• left - по левому краю
• center - по центру
• right - по правому краю

   Пример с использованием свойств таблицы мы можем наблюдать ниже:



   Ширина таблицы указана как 900 пикселей, высота равна 700. Надо помнить, что если содержимое страницы будет иметь размер, более чем заданные параметры внешне таблица изменится, а это может сказаться на дизайне вашей страницы.

   Выше описан пример создания простых таблиц, но что, делать, когда нужно объединить ячейки таблицы и возможно ли это?

   Возможно, но эти свойства будут вписываться уже в саму ячейку, которую вам нужно будет изменить.

• colspan - отвечает за объединение ячеек в одной строке(указывая в левой ячейке присоединяет правую).


• rowspan - отвечает за объединение ячеек в одном столбце(указывая в верхней ячейке присоединяет соответствующую снизу).