Лабораторная работа № 7
Таблицы HTML-документов
(2 часа)
Цель работы: познакомиться с основными приемами создания таблиц на языке гипертекстов, рассмотреть основные теги и атрибуты, научиться создавать, форматировать, заполнять таблицы, проектировать структуру таблицы.
Одним из наиболее мощных и гибких средств представления информационных данных в HTML по праву являются таблицы. В повседневной жизни, решая те или иные задачи, мы часто сталкиваемся с таблицами. Однако в HTML таблицы не ограничиваются удобным средством структурирования информации. Сегодня таблица становится основой большинства электронных документов, структура которых может включать самые разнообразные элементы HTML. Таблицы, изначально избранные в качестве визуального способа представления данных, сейчас имеют гораздо более важную функцию – управление структурой HTML-документа в целом. Удобство размещения данных в таблице неоспоримо, а преимущества перед другими средствами представления информации (например, списки) позволяют считать таблицы основополагающим структурным элементом любого HTML-документа.
|
|
Таблицы являются очень удобным средством форматирования данных на Web-странице. Основное удобство заключается в том, что браузер берет на себя заботу о прорисовке рамки таблицы. Размер рамки может быть автоматически согласован с размером окна просмотра в браузере и, разумеется, с размером находящихся в ячейках таблицы строк текста и рисунков. Кроме этого, таблицы позволяют решать чисто дизайнерские задачи: выравнивать части страницы друг относительно друга, размещать рядом рисунки и текст, управлять цветовым оформлением и т. д. Контуры таблицы показывать не обязательно, поэтому тег <TABLE> применим для размещения текстовых и графических компонент в разных местах страницы. При создании таблиц используется принцип вложения: внутри основного элемента таблицы (TABLE) создается ряд элементов, определяющих строки (tr), а внутри этих элементов размещаются элементы для описания каждой ячейки в строке (TD, ТН).
Основные методы создания таблиц
<TABLE> </table>
Внешний элемент таблицы. Он позволяет задавать общие свойства таблицы и отделяет ее структуру от остальной части Web-страницы. Если начало и конец таблицы не определены, то никакие табличные команды не будут работать.
Рассмотрим параметры этого элемента.
Параметр align
Таблицу можно выровнять по горизонтали при помощи атрибута align. Данный параметр устанавливает тип выравнивания всей таблицы относительно ширины HTML-документа.
align="left" – влево;
align="center" – по центру;
align="right" – вправо.