Списки и таблицы Виды списков

Различают 2 вида списков: упорядоченные (когда элементы нумеруются числами или буквами) и неупорядоченные (когда элементы отмечаются маркерами). Упорядоченные списки располагаются в пределах контейнера ol, а неупорядоченные в пределах контейнера ul. Каждый элемент списка отмечается тэгом li. В тэгах ol и ul указывается атрибут type, принимающий следующие значения, определяющие тип нумерации элементов или вид используемых маркеров:

• для упорядоченных списков

• 1 – арабские цифры,

• А, а – прописные или строчные буквы,

• I, i – большие или малые римские цифры.

• для неупорядоченных списков

• disk – маркером является закрашенный диск,

• circle – маркером является не закрашенный диск (окружность),

• square – маркером является закрашенный квадрат.

В тэге ol может указываться атрибут start в виде start = число, где число задает начальный символ, с которого нумеруются элементы списка. В тэге li (для упорядоченных списков) может указываться атрибут value в виде value = число, где число определяет символ-метку для элемента списка.

Пример

<ol type = “a” start = “b”>

<li> элемент маркируется буквой b.

<li value="4"> элемент маркируется буквой d.

<li value="6"> элемент маркируется буквой f.

<li> элемент маркируется буквой g.

</ol>

Списки обоих типов могут вкладываться в другие списки в качестве подсписков.

В документах могут использоваться списки определений (или словарные списки). Элементы таких списков располагаются в контейнерах dl. Элементы располагаются в виде последовательностей пар «термин определение». Термины начинаются тэгом dt, а определения – тэгом dd.

Пример

<dl>

<dt>Dweeb

<dd>young excitable person who may mature

into a <EM>Nerd</EM> or <EM>Geek</EM>

<dt>Cracker

<dd>hacker on the Internet

<dt>Nerd

<dd>male so into the Net that he forgets

his wife's birthday

</dl>

Элементы в документе будут отображаться в следующем виде:

Dweeb

young excitable person who may mature into a Nerd or Geek

Cracker

hacker on the Internet

Nerd

male so into the Net that he forgets his wife's birthday

Элементы таблиц

Для формирования таблиц применяются следующие тэги:

• table – контейнер для представления таблицы,

• caption – название к таблице,

• thead – текст или тексты в ячейках вверху таблицы,

• tfoot – текст или тексты в ячейках внизу таблицы,

• tbody – основное содержимое таблицы,

• tr – строка таблицы,

• th – ячейки с названиями,

• td – ячейки с данными (любые из ячеек могут быть пустыми).

Если таблица большая, - информация из thead, tfoot будет отображаться даже если применяется скроллинг. Атрибуты colspan и rowspan в тэгах th, td позволяют объединять ячейки по колонкам и/или строкам. Атрибуты border, bgcolor позволяют определить наличие рамки и фона для таблицы. Некоторые из перечисленных выше тэгов являются необязательными.

Детали оформления таблиц в документах выносятся на самостоятельную проработку.

Пример

<table border="1">

<caption>Cups of coffee consumed by each senator</caption>

<tr><th>Name</th><th>Cups</th><th>Type of Coffee</th><th>Sugar?</th></tr>

<tr><td>T. Sexton</td><td>10</td><td>Espresso</td><td>No</td></tr>

<tr><td>J. Dinnen</td><td>5</td><td>Decaf</td><td>Yes</td></tr>

<tr><td>A. Soria</td><td colspan="3"><em>Not available</em></tr>

</table>

Таблица будет отображаться следующим образом:

Cups of coffee consumed by each senator

Name	Cups	Type of Coffee	Sugar?
T. Sexton	10	Espresso	No
J. Dinnen	5	Decaf	Yes
A. Soria	Not available