Таблицы

Таблицы

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

Для организации таблицы существует тег <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. Пример страницы, построенной с помощью таблиц

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

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

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

Таблицы

Из книги Microsoft Office автора Леонтьев Виталий Петрович

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


6.2. Таблицы

Из книги Iptables Tutorial 1.1.19 автора Andreasson Oskar

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


8.2.3.10 Таблицы

Из книги Информационная технология ПРОЦЕСС СОЗДАНИЯ ДОКУМЕНТАЦИИ ПОЛЬЗОВАТЕЛЯ ПРОГРАММНОГО СРЕДСТВА автора Автор неизвестен


2.6. Таблицы

Из книги Единая система программной документации. ТРЕБОВАНИЯ К ПРОГРАММНЫМ ДОКУМЕНТАМ, ВЫПОЛНЕННЫМ ПЕЧАТНЫМ СПОСОБОМ автора Госстандарт СССР

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


Таблицы

Из книги Работа в Интернете автора Макарский Дмитрий

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


Таблицы

Из книги Эффективное делопроизводство автора Пташинский Владимир Сергеевич

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


Таблицы

Из книги AutoCAD 2009 для студента. Самоучитель автора Соколова Татьяна Юрьевна

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


2.1.8.2. Таблицы

Из книги Интернет решения от доктора Боба автора Сворт Боб


Таблицы

Из книги Word 2007.Популярный самоучитель автора Краинский И

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


1.8. Таблицы

Из книги Реферат, курсовая, диплом на компьютере автора Баловсяк Надежда Васильевна

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


5.1.13. Таблицы

Из книги Самоучитель работы на Macintosh автора Скрылина Софья

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


1.8. Таблицы

Из книги Видеосамоучитель создания реферата, курсовой, диплома на компьютере автора Баловсяк Надежда Васильевна

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


Таблицы

Из книги AutoCAD 2009. Учебный курс автора Соколова Татьяна Юрьевна

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


Таблицы

Из книги AutoCAD 2008 для студента: популярный самоучитель автора Соколова Татьяна Юрьевна

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


9.4. Таблицы

Из книги HTML, XHTML и CSS на 100% автора Квинт Игорь

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


Таблицы

Из книги Секреты приложений Google автора Балуев Денис

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