4.2 Пример использования тегов таблиц

<TABLE BORDER>

<CAPTION ALIGN="bottom">Заголовок таблицы</CAPTION>

    <TR>

        <TH ROWSPAN=2>HDD</TH>

        <TD>WD Caviar 3.1Gb</TD><TD ALIGN="right">85$</TD>

    </TR>

    <TR>

        <TD>Quantum FB ST 6.4Gb</TD><TD ALIGN="right">110$</TD>

    </TR>

</TABLE>

Результат:

Заголовок таблицы

HDD	WD Caviar 3.1Gb	85$
	Quantum FB ST 6.4Gb	110$

<TABLE BORDER>

    <TR>

        <TH COLSPAN=2>Video</TH>

    </TR>

    <TR>

        <TD>Matrox G400</TD><TD ALIGN="right">115$</TD>

    </TR>

    <TR>

        <TD>Voodoo III</TD><TD ALIGN="right">129.95$</TD>

    </TR>

</TABLE>

Результат:

Video
Matrox G400	115$
Voodoo III	129.95$

4.3 Лабораторная работа

1. Запустите текстовый редактор Блокнот. Создайте HTML файл, содержащий в заголовке окна наименование темы лабораторной работы. Задайте файлу имя 3.htm.

2. Создайте простую таблицу, содержащею три столбца и три строки. Заполните ячейки таблицы.

3. Используя атрибут background, в теге <TABLE>, задайте в качестве фона таблицы рисунок.

4. Измените цвет первой строки на красный.

5. Измените толщину и цвет рамки в таблице.

6. Измените размер и цвет шрифта в одной из ячеек.

4.4 Контрольные вопросы

1. В каком теге и какой атрибут задает цвет фона всей таблицы?

2. Что задает атрибут cellpadding?

3. В каком теге применяется и что задает атрибут frame?

4. Для каких целей используются теги <TR>, <TH>, <TD>?

5. Как осуществить объединение строк? Объединение - столбцов?

6. Где выводиться содержимое тега <CAPTION>? Где размещается тег <CAPTION>?

7. Как задать цвет отдельной ячейки в таблице?

8. Как можно использовать стили применительно к таблице?

5 Списки

5.1 Основные теги списков

Списки в HTML бывают двух видов: упорядоченные (пронумерованные) и неупорядоченные (непронумерованные). Отличаются они лишь способом оформления. Перед пунктами неупорядоченных списков обычно ставятся символы-буллеты (bullets), например, точки, ромбики и т.п., в то время как пунктам упорядоченных списков предшествуют их номера.

UL (Unsorted List). Создает неупорядоченный список. Между начальным и конечным тэгами должны присутствовать один или несколько элементов LI, обозначающих отдельные пункты списка.

OL (Ordered List). Создает упорядоченный список. Между начальным и конечным тэгами должны присутствовать один или несколько элементов LI, обозначающих отдельные пункты списка.

Атрибуты:

START - определяет первое число, с которого начинается нумерация пунктов. (только целые числа)

TYPE - определяет стиль нумерации пунктов. Может иметь значения:

• "A" - заглавные буквы A, B, C ...

• "a" - строчные буквы a, b, c ...

• "I" - большие римские числа I, II, III ...

• "i" - маленькие римские числа i, ii, iii ...

• "1" - арабские числа 1, 2, 3 ...

По умолчанию используется TYPE="1".

LI (List Item). Создает пункт в списке. Располагается внутри элементов OL или UL.

Атрибуты:

VALUE - изменяет порядок нумерации элементов списка. Используется только если элемент LI находится внутри элемента OL. В качестве значения указывается порядковый номер элемента.

DL (Definition List). Открывает и закрывает список определений (терминов и их описаний). Определения задаются с помощью тэгов <DT> и <DD>.

Атрибуты:

COMPACT - включает режим "компактного" отображения списка. Удобно использовать, если список определений очень велик. Данный параметр является флагом и не требует присвоения значения.