Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Практикум по HTML.doc
Скачиваний:
6
Добавлен:
09.11.2019
Размер:
8.93 Mб
Скачать

6.2. Горизонтальное выравнивание в таблице

Чтобы в построенной нами таблице заголовки столбцов ФИО и Дата рождения располагались по центру ячеек, необходимо добавить параметры тегу <TR>, описывающему содержимое первой строки:

<TR align=center > <!--Начало первой строки-->

  …

</TR>

Если необходимо располагать текст по центру не во всей строке, а только в отдельной ячейке, то параметр align=center необходимо устанавливать только для соответствующей ячейки, а не для всей строки, например:

<TD align=center >     12.03.1970       </TD>

6.3. Рамки таблицы

6.3.1. Толщина и цвет рамок

Таблица, код которой описан в предыдущем примере, не имеет рамок, т.к. не описаны соответствующие параметры. Рамки в таблицах задаются толщиной и цветом и описываются параметрами border и bordercolor соответственно. Например, задав в нашем примере параметры

<TABLE border=10 bordercolor=blue> <!--Начало таблицы-->,

толщина рамки будет 10 пикселей, а ее цвет синий (рис.16). Если при заданной толщине рамки ее цвет не указан, то он будет по умолчанию черно-серым.

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

<TABLE border=10 bordercolor=blue> <!--Начало таблицы-->

<TR align=center bordercolor=red><!--Начало первой строки-->

<TD>

…,

внешняя рамка таблицы по-прежнему будет иметь синий цвет, рамка ячеек первой строки – красный цвет, рамка ячеек второй и третьей строки – синий цвет.

Если в ячейке нет никакого содержимого, то рамки вокруг такой ячейки тоже не будет. Для того чтобы пустая ячейка имела рамку, необходимо в нее вставить что-нибудь невидимое, например, неразрывный пробел &nbsp;.

Рис.16. Таблица с толщиной рамки 10 пикселей

      1. Частичное отображение рамок

Иногда возникает ситуация, когда при заданной внешней рамке, не должны просматриваться рамки ячеек таблицы. Или рамки ячеек разбивают таблицу только на столбцы, или только на строки. За отображение рамок отдельных ячеек отвечает параметр rules, за отображение разных частей внешней рамки – параметр frame.

Рассмотрим разные ситуации использования этих параметров тега TABLE. При этом параметр border имеет ненулевое значение. Если ширина рамки равна нулю, то границ видно не будет.

  1. Отображается только внешняя рамка таблицы (параметр rules принимает значение none) (рис.17):

<TABLE border=10 bordercolor=blue rules=none> <!--Начало таблицы-->

Рис.17. Таблица, имеющая только внешнюю рамку

  1. Видны границы между строками (параметр rules принимает значение rows) (рис.18):

<TABLE border=10 bordercolor=blue rules=rows> <!--Начало таблицы-->

  1. Видны границы между столбцами (параметр rules принимает значение cols) (рис.19):

<TABLE border=10 bordercolor=blue rules=cols> <!--Начало таблицы-->

  1. Рамка по обеим сторонам ячеек (параметру frame присваивается значение vsides) (рис.20):

<TABLE frame=vsides> <!--Начало таблицы-->

  1. Рамка слева от ячеек (параметру frame присваивается значение lhs) (рис.21):

<TABLE frame=lhs> <!--Начало таблицы-->

  1. Рамка справа от ячеек (параметру frame присваивается значение rhs) (рис.22):

<TABLE frame=rhs> <!--Начало таблицы-->

  1. Горизонтальные разделители (параметру frame присваивается значение above, если разделение над ячейками, below – под ячейками, hsides – сверху и снизу ячеек) (рис.23):

<TABLE frame=hsides> <!--Начало таблицы-->

Рис.18. Таблица, имеющая границы между строками

Рис.19. Таблица, имеющая границы между столбцами

  1. Видны границы между ячейками, кроме рамки вокруг всей таблицы (при заданном ненулевом значении параметра border) (параметру frame присваивается значение void) (рис.24):

<TABLE border=1 frame=void> <!--Начало таблицы-->

Рис.20. Таблица, имеющая рамки по обеим сторонам ячеек

Рис.21. Таблица, имеющая рамки слева от ячеек

Рис.22. Таблица, имеющая рамки слева от ячеек

Рис.23. Таблица, имеющая горизонтальные разделители

Рис.24. Таблица, имеющая границы между ячейками