При создании Web-страниц необходимо учитывать, что на странице кроме таблиц может находиться какой-либо внешний текст, расположенный после или до таблицы, или плавно огибающий ее. Последнее представление называется обтеканием, формирование которого обеспечивает присутствие атрибута align в теге <TABLE>.
Разместим на создаваемой Web-странице описание лабораторной работы, изменив следующим образом текст HTML-программы. Представим соответствующий фрагмент программы:
……………
</TABLE>
<BR>
<BR>
<P><B>В таблице представлены результаты проведенной лабораторной работы по теме «Проведение многосортного помола пшеницы со снятием количественного баланса»</B></P>
<BR>
<P> Из таблицы видна обратная пропорциональность между процентным содержанием зольности муки и ее сортом</P>
</BODY>
………….
Если необходимо прекратить обтекание и продолжить вывод оставшейся части текста после таблицы, то в этом случае используют в тегах <P> или <BR> атрибут clear, который принимает значения left (пустое место остается справа от таблицы, а текст соответственно помещается слева), right (пустое место остается слева от таблицы), both (последующий элемент отображается ниже таблицы).
|
|
Вопросы для самоконтроля
1 Назовите родительский элемент, формирующий на странице таблицу в целом.
2 Охарактеризуйте модель описания таблиц в HTML.
3 Каким тегом задаются строки?
4 Каким образом формируется содержимое каждой ячейки?
5 Укажите тег, определяющий содержимое ячейки заголовка.
6 Что описывает парный тег <CAPTION>?
7 Представьте в целом структуру HTML-программы (или ее части), формирующей простейшую таблицу, состоящую из 4-х строк и 5-ти столбцов.
8 Как вывести рамку таблицы?
9 Назовите атрибуты, используемые для объединения строк или столбцов? Какими значениями представляются данные атрибуты?
10 Как осуществляется форматирование текста таблицы в HTML-документе?
11 Перечислите параметры, составляющие операцию форматирования таблицы в HTML-документе.
12 Как управлять шириной таблицы на странице?
13 Какие виды выравнивания таблицы на странице Вы знаете и как установить необходимое выравнивание?
14 Каким образом управлять внутренними границами таблицы? Назовите соответствующие атрибуты.
15 Как управлять выводом внешних границ таблицы?
16 Каким образом возможно совместное использование параметров box и void для таблицы?
17 Что означает следующая запись:
<TABLE width ="80%" align="left" frame="lhs" rules="rows" >
18 Поясните, каким образом можно управлять размерами полей между границами ячейки и ее содержимым? Назовите атрибут и его допустимые значения.
|
|
19 Как установить конкретное выравнивание для определенной строки таблицы?
20 Каким образом применение атрибута height или width к конкретной ячейке отобразится на визуальном представлении таблицы?
21 Назовите способы управления цветом заливки отдельных элементов таблицы: строки, столбца, ячейки, всей таблицы. Какие при этом используются атрибуты, и какие значения они могут принимать?
22 Назовите атрибут, позволяющий назначать цветовую гамму границам таблицы в HTML-документах. Каков принцип его использования?
23 Поясните, как создаются объемные таблицы на Web-страницах?
24 Какой эффект на странице вносит использование атрибута align в теге <TABLE>?
25 Проанализируйте часть HTML-программы, представленной ниже, и поясните, как будут расположены относительно друг друга таблица, текст1 и текст2:
………………………………….
<TABLE bgcolor="silver" width = 120 align="right" frame="box" rules="all" >
<!--структура и содержимое таблицы-->
</TABLE>
<!--текст 1-->
<BR clear=" right ">
<!--текст 2-->
………………………………….