Таблицы

Таблицы

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

Для организации таблицы существует тег <TABLE>. Кроме того, необходимы такие теги, как <TR> – строка таблицы и <TD> – столбец.

Создадим таблицу 2x4. Для этого сначала необходимо организовать две строки:

<TABLE>

<TR></TR>

<TR></TR> </TABLE>

Затем нужно в каждой строке задать по четыре столбца:

<TABLE> <TR> <Т0>Текст ячейки</Т0>

<ТО>Текст ячейки</ТО>

<ТО>Текст ячейки</ТО>

<ТО>Текст ячейки</ТО> </TR> <TR>

<ТО>Текст ячейки</ТО>

<ТО>Текст ячейки</ТО>

<ТО>Текст ячейки</ТО>

<ТО>Текст ячейки</ТО> </TR> </TABLE>

Создать рамку для таблицы можно с помощью параметра BORDER, значение которого соответствует ширине рамки. Параметр BORDERCOLOR определяет ее цвет:

<TABLE B0RDER="2" BORDERCOLOR="#00FF00">

Чтобы изменить цвет фона во всей таблице или в отдельно взятой ячейке, можно использовать уже известный нам параметр BGCOLOR применительно, соответственно, к тегу <TABLE> или к тегу <TD>.

Теперь поговорим о размерах. Размеры определяются с помощью параметров WIDTH и HEIGHT (ширина и высота) и могут задаваться как для всей таблицы, так и для каждой отдельной ячейки. Если, к примеру, используется конструкция:

<TABLE WIDTH="700" НЕIGHT="400">,

то это значит, что таблица имеет ширину 700 и высоту 400 пикселов. Все ячейки поделят выделенное пространство поровну. Можно задавать размеры каждой отдельной ячейки, используя все те же параметры. В этом случае ширина и высота могут задаваться не только в пикселах, но и в процентах от габаритов таблицы:

<TD WIDTH="50%">Tекст ячейки</Т0>

Здесь указанный столбец будет занимать половину всей ширины таблицы.

Теперь давайте разберемся с содержимым ячеек. При горизонтальном выравнивании текста в ячейках используются те же инструменты, что и при форматировании обычного текста. Кроме того, можно выравнивать содержимое по вертикали. Для этих целей применяется параметр VALIGN тега <TD>.

– По центру:

<TD VALIGN="middIе">Текст ячейки</Т0>

– По верхнему краю:

<TD VALIGN="top">Текст ячейки</Т0>

– По нижнему краю:

<TD VALIGN="bottom">Текст ячейки</Т0>

Следует отметить, что содержимым ячеек может быть не только текст, но и изображения, и даже другие таблицы. Благодаря вложенным таблицам на веб-странице можно организовать сколь угодно сложную структуру данных (рис. 6.3).

Рис. 6.3. Пример страницы, построенной с помощью таблиц

Данный текст является ознакомительным фрагментом.



Поделитесь на страничке

Следующая глава >

Похожие главы из других книг:

9.4. Таблицы

Из книги автора

9.4. Таблицы Таблицы – одно из главных средств расположения элементов на странице. Они позволяют расположить меню рядом с текстом и могут подстраиваться под монитор компьютера


Таблицы

Из книги автора

Таблицы Если (а на самом деле – когда, это всего лишь вопрос времени) вам необходимо вставить в документ ту или иную таблицу, выберите пункт меню «Таблица – Вставить таблицу». После выбора команды в появившемся окне введите количество строк и колонок. Для тех, кто, как и я,


6.2. Таблицы

Из книги автора

6.2. Таблицы Опция -t указывает на используемую таблицу. По умолчанию используется таблица filter. С ключом -t применяются следующие опции.Таблица 6-1. Таблицы(Таблица – Описание)Таблица: natОписание: Таблица nat используется главным образом для преобразования сетевых адресов


1.8. Таблицы

Из книги автора

1.8. Таблицы Таблицы помещаются в тексте в порядке ссылки на них по окончании того абзаца, в котором таблица была впервые упомянута. Они нумеруются арабскими цифрами внутри каждого раздела. В правом верхнем углу таблицы над заглавием записывают слово «Таблица » и


Таблицы

Из книги автора

Таблицы Команда TABLE осуществляет создание пустой таблицы объектов в чертеже. Вызывается команда из падающего меню Draw ? Table… или щелчком на пиктограмме Table… на панели инструментов Draw. В результате открывается диалоговое окно вставки таблицы Insert Table – рис. 10.8. Рис. 10.8.


Таблицы

Из книги автора

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


Таблицы

Из книги автора

Таблицы В этом подразделе рассмотрены следующие темы:• редактирование и форматирование таблиц;• работа с данными в таблице.На форматирование таблицы у меня обычно уходит больше времени, чем на ее создание. Можно ли автоматизировать этот процесс?Форматирование таблицы


Таблицы

Из книги автора

Таблицы Трудно представить себе деловой документ без таблиц. Именно в таблицах сухая информация приобретает наглядный характер. Рисовать их в Word несложно. Сделать это поможет кнопка Таблица группы Таблицы вкладки Вставка ленты. В видеоролике «Урок 12.3. Таблицы»


Таблицы

Из книги автора

Таблицы Команда TABLE осуществляет создание пустой таблицы объектов в чертеже. Вызывается команда из падающего меню Draw ? Table… или щелчком на пиктограмме Table… на панели инструментов Draw. В результате открывается диалоговое окно вставки таблицы Insert Table – рис. 10.7. Рис. 10.7.


Таблицы

Из книги автора

Таблицы Инструменты работы с таблицами в Word-2003 значительно усовершенствованы по сравнению с предыдущими версиями этой программы. Теперь создать таблицу в тексте Word можно буквально двумя движениями мышки.Самый простой способ – нарисовать таблицу. Войдите в меню Таблица


Таблицы

Из книги автора

Таблицы Команда TABLE осуществляет создание пустой таблицы объектов в чертеже. Вызывается команда из падающего меню Draw ? Table.. . или щелчком на пиктограмме Table… на панели инструментов Draw. В результате открывается диалоговое окно вставки таблицы Insert Table – рис. 10.39. Рис. 10.39.


1.8. Таблицы

Из книги автора

1.8. Таблицы Таблицы помещаются в тексте в порядке ссылки на них по окончании того абзаца, в котором таблица была первый раз упомянута. Они нумеруются внутри каждого раздела в порядке упоминания арабскими цифрами. В правом верхнем углу таблицы над заглавием записывают


2.6. Таблицы

Из книги автора

2.6. Таблицы 2.6.1. Цифровой материал для достижения лучшей наглядности и сравнимости показателей, как правило, следует оформлять в виде таблицы.2.6.2. Оформление таблиц должно производиться в соответствии с требованиями ГОСТ 1.5-85.Таблица может иметь заголовок, который следует


5.1.13. Таблицы

Из книги автора

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