19.Создание и форматирование списков в html. Примеры.

Маркированные списки - это списки, в которых элементы списка отмечаются маркерами.

Нумерованные (или упорядоченные) списки представляют собой списки из пронумерованных пунктов.

Маркированный список создает тег <UL>. Вид маркера определяется атрибутом type. Маркеры могут принимать один из трех видов: круг (по умолчанию), окружность и квадрат.

Например:

<UL type=”disc”>

<LH>заголовок списка</LH>

<LI>элемент списка

<LI>элемент списка

…

<LI>элемент списка

</UL>

Нумерованный список создает тег <OL>. Тип нумерации устанавливается атрибутом type.

Например:

<OL type=”1”>

<LH>заголовок списка</LH>

<LI>элемент списка

<LI>элемент списка

…

<LI>элемент списка

</OL>

<UL>…</UL> - маркированный список (type=”circle”(окружность), type=”disc”(диск), type=”square”(квадрат).

<LH>…</LH> - заголовок списка

<OL>…</OL> - нумерованный список(type=”1”, type=”A”, type=”a”, type=”I”, type=”i”)

Списки определений являются способом определения терминов и понятий. Списки определений состоят из трех элементов: элемента списка определений <dl> ... </dl>, элемента определения термина <dt> ... </dt>, элемента определения описания <dd> ... </dd>.

Пример

<dl>

<dt>Пиксель</dt>

<dd>Элементарная цветная точка, совокупность которых образует изображение.</dd>

<dt>Экспозиция</dt>

<dd>Количественная мера световой энергии, падающая на светочувствительный элемент.</dd>

20.Создание и форматирование таблиц в html. Примеры. Верстка макета веб-страницы с помощью таблиц.

Таблица обозначается тегами <TABLE>…</TABLE>. Атрибуты этого тега:

border – ширина рамки вокруг таблицы (по умолчанию таблицы отображаются без границ);

width – ширина таблицы (может задаваться в пикселях или процентах от ширины страницы);

height – высота таблицы (может задаваться в пикселях или процентах от ширины страницы);

align – выравнивание таблицы (left, right, center);

bgcolor – цвет фона таблицы.

Создание строки – тег <TR>…</TR>. Атрибуты тега:

align – горизонтальное выравнивание содержимого в ячейках строки (left, right, center);

valign – вертикальное выравнивание содержимого в ячейках строки (top, bottom, middle);

bgcolor – цвет фона в ячейках строки

Создание столбца – тег <TD>…</TD>. Атрибуты тега:

align – горизонтальное выравнивание содержимого в ячейках столбца (left, right, center);

valign – вертикальное выравнивание содержимого в ячейках столбца (top, bottom, middle);

height – высота ячейки в пикселях;

bgcolor – цвет фона в ячейках столбца;

colspan – устанавливает "размах" ячейки по горизонтали. Например, COLSPAN=3 означает, что ячейка простирается на три колонки.

rowspan – устанавливает "размах" ячейки по вертикали. Например, ROWSPAN=2 означает, что ячейка занимает две строки.

Пример 1:

<table border="1">

<tr>

<td> Ячейка 1 </td>

<td> Ячейка 2 </td>

</tr>

<tr>

<td colspan="2"> Ячейка 3 растянутая на 2 столбца </td>

</tr>

</table>

Пример 2:

<table border="1">

<tr>

<td rowspan="2"> Ячейка 1 растянутая на 2 строки </td>

<td> Ячейка 2 </td>

</tr>

<tr>

<td> Ячейка 3 </td>

</tr>

</table>