Парад ячеек и столбцов

УРОК «Вложение таблиц одна в другую»

Дорогие друзья!

Как я уже писала в предыдущих уроках, таблицы используются для создания модульной сетки и размещения в ячейках какого-либо контента. Чтобы можно было это реализовать, недостаточно создать простую таблицу, поскольку это не позволит добиться желаемого дизайна и компактно разместить все материалы. Поэтому для реализации сложных проектов таблицы часто вкладывают друг в друга, объединяют ячейки и строки и т.д.
В этом уроке вы увидите, как вложить одну таблицу внутрь другой.

Итак, у нас есть вот такая таблица:

Внутрь её (в ячейку "контент") мы поместим вот такую таблицу:

	Здесь - текст о HTML
	Здесь - текст о CSS
	Здесь - текст о PHP

Вот код этой таблички:

Поместим его вместо слова "контент" внутрь ячейки нашей основной таблицы-разметки:

Результат:

"шапка" сайта	меню
Здесь - текст о HTML Здесь - текст о CSS Здесь - текст о PHP
подвал

Теперь уберём границы у вложенной таблицы: для этого в атрибуте border тега table заменим 1 на 0.
Получается вот такой вот контент:

"шапка" сайта	меню
Здесь - текст о HTML Здесь - текст о CSS Здесь - текст о PHP
подвал

Пробуйте сами, меняйте параметры разметки, чтобы получилось так, как хочется.
Если что-то непонятно, то пишите вопросы в комментариях. До встречи в следующем уроке!