Формирование таблицы:
Таблица формируется тегом <table>, у которого, как и у большинства тегов есть закрывающий </table>, он является обязательным для правильного отображения таблицы. Как известно таблица делится на ячейки, которые формируются строками(<tr>) и столбцами(<td>), закрывающие теги </td> и </tr> также обязательны. Следует заметить, что столбцы размещаются в строках и ни в коем случае не наоборот.
Таблица состоящая из одной ячейки:
<table> <tr> <td> Здесь содержимое </td> </tr> </table>
Выглядеть будет она так:
Здесь содержимое |
Чтобы сформировать таблицу состоящую из двух ячеек, находящихся на одной строке, внутрь строки <tr> добавляем еще один столбец <td>.
Получаем такой код:
<table> <tr> <td> Здесь содержимое 1й ячейки </td> <td> Здесь содержимое 2й ячейки </td> </tr> </table>
Внешний вид:
Здесь содержимое 1й ячейки | Здесь содержимое 2й ячейки |
Чтобы добавить еще одну строку, добавляем ее сразу после закрытия первой (тега </tr>). То есть получаем:
Таблица состоящая из двух строк и двух столбцов:
<table> <tr> <td> Здесь содержимое 1й верхней ячейки </td> <td> Здесь содержимое 2й верхней ячейки </td> </tr> <tr> <td> Здесь содержимое 1й нижней ячейки </td> <td> Здесь содержимое 2й нижней ячейки </td> </tr> </table>
Внешний вид:
Здесь содержимое 1й верхней ячейки | Здесь содержимое 2й верхней ячейки |
Здесь содержимое 1й нижней ячейки | Здесь содержимое 2й нижней ячейки |
Далее в этой же теме объясню как сформировать таблицу из одной ячейки сверху и двух снизу, или 1й слева и двух справа. Расскажу про атрибуты, такие как фон или толщина и цвет границ таблицы. А пока советую оторваться от монитора и налить себе чашечку кофе, что я сейчас и сделаю