Создание обтекания таблицы текстом

При создании 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-->

………………………………….


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: