Построение таблицТаблицы в "оригинальном" понимании этого слова при составления Web-страниц конечно же применяются для их прямого предназначения, но не так повсеместно как они используются при разметки страницы. С помощью них страница сайта делится на несколько частей, где количество частей не ограничено. Наряду с их большими возможностями позиционирования к дргуг к другу и широким выбором структурирования - способ разметки страниц таблицами делает лучшим на сегодняшний день инструментом для Web-дизайнера. Имеют место еще два способа заполнения страниц - с использованием программ-конструкторов и с помощью фреймов . Первые имея преимущества в простоте использования (объекты позиционируются пользователем визуально без знания языка HTML) имеют существенный недостаток - они создают страницы только под конкретное расширения экрана. На других расширениях страница будет выглядеть некорректно. С фреймами обстоят дела еще хуже - их не "видят" поисковые машины. Поэтому почти всегда применяют табличный метод, а Вам предлагаем подойти к этой теме с особым вниманием. Теги таблицТэгов для составления таблиц всего четыре. Их надо знать наизусть:
Открывающий и закрывающий тэг называется контейнером. Контейнеры <TD>содержание ячейки </TD> вставляются в контейнеры <TR>строка таблицы</TR> (и тех и других может быть сколько угодно), последние в свою очередь уже в <TABLE>таблица в целом</TABLE>. При необходимости тэг <TD> меняется на <TH>. Все просто, как "русская матрешка" . Вот пример : <TABLE> <TR> <TD> </TD> <TD> </TD> </TR> <TR> <TD> </TD> <TD> </TD> </TR> </TABLE> Вставлять таблицу внутрь другой таблицы нужно в контейнер <TD></TD> и никак иначе. Пример: ....другая таблица....<TD> <TABLE> вставляемая таблица</TABLE></TD>....другая таблица...... В HTML-коде для удобства надо писать каждый тэг с новой строки. Но если Вы напишите все в таком виде что приведено выше, то в браузере Вы ничего не увидите. Браузер не "видит" никаких параметров таблицы или таблиц. Они задаются с помощью атрибутов с их значениями. Атрибуты тега <TABLE>Атрибуты для тэга <TABLE> нужны для определения внешнего вида таблицы (габариты, цвет, толщина линий), а также местонахождения таблицы на страницы. Ниже приведен их перечень:
Атрибуты тега <TD>Атрибуты ячеек таблиц имеют такие же названия и измерениями значений, что и таблицы с той лишь разницей что к ним не применяются два последних атрибута по списку (см. выше), зато добавлены атрибуты выравнивания ячейки по вертикали VALIGN с значениями top (верх), middle (середина) и botton (низ) и COLSPAN - объединение ячеек в группу с числовым значением равным количеству объединяемых ячеек. Атрибуты тега <TR>
Ко всем вышеперечисленным атрибутам на этой странице стоит добавить, что их не надо применять все сразу к какому-либо тэгу, Вы только этим увеличите объем страницы. Применяются они по мере необходимости. В построение таблиц имеет место еще один тэг <TBODY>. Он предназначен для группировки элементов таблиц и является необязательным. Теперь давайте для закрепления материала произведем простенькую разметку страницы с помощью таблицы. Откройте любой текстовой редактор. Если хотите, чтобы не было отступов от краев при разрешении экрана 800х600, то в тэге <BODY> запишите: <BODY leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
Задание:В составленной таблице поэкспериментируйте с текстом, по разному выравнивая его относительно различных ячеек и тоже самое повторите, но с таблицами. |
|