High Star

Таблицы в несколько ячеек



Как ни жалко выдвать мне свои секреты, все же с ближними надо делиться. Ведь столько вместе с вами пройдено... Итак, сейчас мы построим таблицу, состоящую из четырех ячеек сразу! Сразу предупреждаю, что каждая ячейка в отдельности заворачивается тегом <TD>, а каждая строчка начинается с тега <TR>, а заканчивается - </TR>:

Листинг 37. Таблица в 4 ячейки

<TABLE border=5 bgcolor=aqua>
  <TR>
    <TD>1ячейка</TD>
    <TD>2ячейка</TD>
    <TD>3ячейка</TD>
    <TD>4ячейка</TD>
  </TR>
</TABLE>

Ну и вот результаты моего труда (Рис. 09_03):

1ячейка 2ячейка 3ячейка 4ячейка

Если же мы хотим сделать таблицу из нескольких строк, в каждой строке по те же 4 ячейки, то это тоже просто сделать. Нужно только новую строку начинать <TR>, а заканчивать </TR>. Вот и все премудрости. Убедитесь сами:

Листинг 37. Таблица в 4 вертикальные ячейки

<TABLE border=5 bgcolor=aqua>
  <TR>
    <TD>1ячейка</TD>
    <TD>2ячейка</TD>
    <TD>3ячейка</TD>
    <TD>4ячейка</TD>
  </TR>
  <TR>
    <TD>5ячейка</TD>
    <TD>6ячейка</TD>
    <TD>7ячейка</TD>
    <TD>8ячейка</TD>
  </TR>
  <TR>
    <TD>9ячейка</TD>
    <TD>10ячейка</TD>
    <TD>11ячейка</TD>
    <TD>12ячейка</TD>
  </TR>
</TABLE>

И результат не замедлил сказаться:

1ячейка 2ячейка 3ячейка 4ячейка
5ячейка 6ячейка 7ячейка 8ячейка
9ячейка 10ячейка 11ячейка 12ячейка

Пока на сегодня все. Но если вы думаете, что я отстану от вас с таблицами, то глубоко заблуждаетесь. Ими мы будем заниматься еще несколько уроков. Пока не окосеете. Или не окосею я. Так что запаситесь очками!!! Вот на такой серьезной ноте я вас и покидаю. Вам очередь занять к окулисту?

Тренировка!

Введите в форму любой текст, необходимые теги, нажмите на "посмотреть" и любуйтесь на свою работу!