Создание простейших таблиц

Основным тегом-контейнером таблицы является тег <TABLE>, который требует обязательного присутствия закрывающего тега. Любая таблица состоит из ряда (тег-контейнер <TR>, Table Row), содержащего определенное количество ячеек (тег-контейнер <TD>, Table Data). В принципе тег <TD> предназначен для указания данных в таблице, а для размещения заголовков в ячейке используется тег <TH> (Table Header). Различие между этими двумя тегами заключается в визуальном представлении данных внутри таблицы: по умолчанию текст, размещенный в теге < TH >, отображается жирным начертанием с типом выравнивания по центру, а текст тега <TD> — обычным начертанием с выравниванием по левому краю.

Теги <TR>, <TD> и< TH > могут не иметь своих закрывающих тегов. Однако все же рекомендуется их указывать для предотвращения ошибок, которые могут возникнуть при создании сложных вложенных таблиц. Тег <TABLE>, как уже было сказано, обязательно должен иметь закрывающий тег.

Таблица может состоять из любого количества рядов, каждый из которых может включать любое количество ячеек. При этом один ряд таблицы не может содержать ячейки другого ряда.

<table>

<tr>

<td> текст1 </td>

<td> текст2 </td>

</tr>

<tr>

<td> текст3 </td>

<td> текст4 </td>

</tr>

</table>

Дополним файл Index.html, таблицей с заголовком «Расписание занятий», написанным жирным шрифтом (размер шрифта 5) и размещенным в трех объединенных ячейках; во-второй строке, тоже в трех объединенных ячейках записан день недели – Понедельник; далее расположены ячейки таблицы, в которых написано расписание:

 

 

 

Результат должен выглядеть так: