5. Желтый
<ol type="A">
<ol type="a">
<ol type="I">
Синий
Красный
Заглавные латинские буквы:
Желтый
Синий
Красный
Прописные латинские буквы:
Желтый
Синий
Красный
Cписок с римскими буквами:
Желтый
Синий III. Красный
Вложенные списки
Вложенный список - это список, размещенный внутри другого списка.
Например, код
<ol>
<li> Крупные города России:
<ul type="square"> <li> Москва
<li> Санкт-Петербург
</ul>
<li> Крупные города Украины:
<ul type="square"> <li> Киев
</ul>
</ol>
отобразится на экране так:
Крупные города России:
Москва
Санкт-Петербург
Крупные города Украины:
Киев
Списки определений
Списки определений являются способом определения терминов и понятий. Списки определений состоят из трех элементов: элемента списка определений <dl> ... </dl>, элемента определения термина <dt> ... </dt>, элемента определения описания <dd> ... </dd>.
Код примера
<dl> <dt>Пиксель</dt>
<dd>Элементарная цветная точка, совокупность которых образует изображение.</dd>
<dt>Экспозиция</dt>
<dd>Количественная мера световой энергии, падающая на светочувствительный элемент.</dd>
<dt>Диафрагма</dt>
<dd>Параметр, регулирующий количество света, который освещает матрицу.</dd>
</dl>
отобразится в браузере так:
Пиксель Элементарная цветная точка,
совокупность которых образует изображение.
Экспозиция Количественная мера световой энергии, падающая на
светочувствительный элемент. Диафрагма
Параметр,
регулирующий количество света, который
освещает матрицу.
Таблицы.
Создание таблиц
Параметры таблицы
Параметры ячеек
Упражнение
Создание таблиц
Таблица состоит из строк и столбцов ячеек, которые могут содержать текст и рисунки. Таблицы используются для упорядочения и представления данных.
Для добавления таблицы на веб-страницу используется тег <table>. Таблица должна содержать хотя бы одну строку и колонку.
Задать ширину таблицы можно в пикселах и процентах.
Значение, заданное в пикселах, является фиксированным значением.
В этом примере ширина всегда будет занимать 250 пикселов в окне браузера.
<table width="250"> </table>
Пример самой простой таблицы, имеющей всего одну строку и одну колонку:
Привет :-)
Эта табличка в виде кода выглядит так:
<table border=1 width="250"> <tr>
<td>
Привет :-) </td>
</tr>
</table>
Для добавления строк используются теги <tr> и </tr>.
Чтобы разделить строки на колонки применяются теги <td> и </td>.
Таблица с двумя колонками (используем теги <td> и </td>):
Привет
:-)
Пока!
Она имеет следующий код:
<table border=1> <tr>
<td> Привет :-)</td> <td> Пока! </td>
</tr>
</table>
Для добавления строк используем теги <tr> и </tr>
Данная таблица имеет две стоки и два столбца:
Весна
Лето Зима
Осень
Код таблицы будет выглядеть следующим образом:
<table>
<tr> <td>Весна</td> <td>Лето</td>
</tr>
<tr> <td>Зима</td> <td>Осень</td>
</tr>
</table>
Параметры таблицы
Для изменения вида и свойств таблицы используется множество параметров, которые добавляются в теге <table>
<table параметр1=... параметр2=...>
Параметр
Значен ие
left align= right
center
width=
n
n%
height=
n
n%
Описание
Выравнива
ние
таблицы
Минимальн ая ширина таблицы, можно задавать в пикселах или процентах
Минимальн ая высота таблицы, можно задавать в пикселах или процентах
Пример Смотрите
align=center
width=50%
height=50%
backgroun
URL
Фоновый
background=pic.
d=
рисунок
gif
bgcolor=
#rrggbb
Цвет фона
bgcolor=#FF9900
таблицы
bgcolor=yellow
Толщина
border=
n
рамки в
border=8
пикселах
bordercol
#rrggbb
Цвет рамки
bordercolor=#FE
or=
0202
Расстояние
между
cellpaddin
n
ячейкой
cellpadding=7
g=
и ее
содержимы
м
cellspacin
Дистанция
n
между
cellspacing=15
g=
ячейками
void
above
below
Задание
lhs
frame=
типа рамки
frame=hsides
rhs
таблицы
hsides
vsides
box
