Объединение нескольких столбцов в одну ячейку

Подобно тому, как ROWSPAN распространяет ячейку на несколько строк, COLSPAN "раздвигает" ее на несколько столбцов. С помощью ключевого слова COLSPAN вы можете распространить ячейку на любое количество столбцов. Обратите внимание на следующий код:

<table align="center" border="1"> <tr>

<th colspan=2>Личная информация</th>

<th colspan=3>Статистика</th> </tr> <tr>

<th>Имя</th>

<th>Команда</th>

<th>Победы/поражения</th>

<th>Очки</th>

<th>Ауты</th> </tr> <tr>

<td>Пит Шурек</td>

<td>Цинциннати</td>

<td>16-2</td>

<td>2,73</td>

<td>194</td> </tr> <tr>

<td>Гидео Немо</td>

<td>Лос-Анджелес</td>

<td>19-8</td>

<td>2,94</td>

<td>399</td> </tr> <tr>

<td>Грег Энгриус</td>

<td>Атланта</td>

<td>24-6</td>

<td>2,21</td>

<td>275</td> </tr> </table>

В итоге мы получим это:

Личная информация		Статистика
Имя	Команда	Победы/поражения	Очки	Ауты
Пит Шурек	Цинциннати	16-2	2,73	194
Гидео Немо	Лос-Анджелес	19-8	2,94	399
Грег Энгриус	Атланта	24-6	2,21	275

Я думаю здесь тоже без проблем...

Включение списка в таблицу

Таблицы можно комбинировать с другими элементами HTML. Так, они могут содержать списки любого из описанных на прошлом занятии типов. Строго следите за тем, чтобы всегда использовались закрывающие теги, иначе коды списков трудно отслеживать. Давайте попробуем включить маркированный список в нашу таблицу:

<table align="center" border="1"> <tr>

<th>Имя</th>

<th>Команда</th>

<th>Победы/поражения</th>

<th>Очки</th>

<th>Ауты</th> </tr> <tr>

<td>Пит Шурек</td>

<td>Цинциннати</td>

<td>16-2</td>

<td>2,73</td>

<td>194</td>

<td>

<li>команда "All-Star Team"

<li>Награда MVP

<li>Серебряная летучая мышь

</td> </tr> <tr>

<td>Гидео Немо</td>

<td>Лос-Анджелес</td>

<td>19-8</td>

<td>2,94</td>

<td>399</td> </tr> <tr>

<td>Грег Энгриус</td>

<td>Атланта</td>

<td>24-6</td>

<td>2,21</td>

<td>275</td> </tr> </table>

В итоге мы получим это:

Имя	Команда	Победы/поражения	Очки	Ауты
Пит Шурек	Цинциннати	16-2	2,73	194	 команда "All-Star Team"  Награда MVP  Серебряная летучая мышь
Гидео Немо	Лос-Анджелес	19-8	2,94	399
Грег Энгриус	Атланта	24-6	2,21	275

Итак, сегодня мы начали знакомиться с таблицами. Мы изучили элементарные функции построения таблицы, изучили возможности объединения нескольких строк в одну ячейку и нескольких столбцов в одну ячейку. На тему таблиц материала осталось примерно еще на один урок. Если у вас есть вопросы по пройденному материалу, присылайте их сюда.