Таблицы

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

Списки

HTML предлагает три вида списков. Первый вид называется маркированным (неупорядоченным) списком. Маркированный список открывается тэгом <ul>, а каждый его пункт начинается стандартным тэгом <li>.

Пример

<ul> <li>первый пункт списка</li> <li>второй пункт списка</li> <li>третий пункт списка</li></ul>     Результат:
  • первый пункт списка
  • второй пункт списка
  • третий пункт списка
 

 

Второй вид - нумерованный (упорядоченный) список. Он использует тэги <ol> и <li>. Пример:

<ol> <li>первый пункт списка</li> <li>второй пункт списка</li> <li>третий пункт списка</li></ol>     Результат:
  1. первый пункт списка
  2. второй пункт списка
  3. третий пункт списка
 

 

И последний - это список определений (глоссарий). Он представляет текст в форме словарной статьи, состоящей из определяемого термина и абзаца, раскрывающего его значение, открывается тэгом <dl>. Каждый термин открывается тэгом <dt>, а определение тэгом <dd>. Пример:

<dl> <dt>первый термин</dt> <dd>его определение</dd> <dt>второй термин</dt> <dd>его определение</dd> <dt>третий термин</dt> <dd>его определение</dd></dl>     Результат: первый термин его определение второй термин его определение третий термин его определение  

 

Списки могут быть вложенными, один в другой. Пример:

<ol> <li>первый пункт списка</li> <li>второй пункт списка <ul> <li>первый пункт вложенного списка</li> <li>второй пункт вложенного списка</li> </ul> </li> <li>третий пункт списка</li></ol>     Результат:
  1. первый пункт списка
  2. второй пункт списка
    • первый пункт вложенного списка
    • второй пункт вложенного списка
  3. третий пункт списка
 

 

 

Специальные символы

Символ Код Пример
Знак авторского права &copy; Copyright © 1999 KM.ru
Зарегистрированная марка &reg; MagiCo ®
Торговая марка &#8482; Webfarer™
Меньше чем &lt; <
Больше чем &gt; >
Амперсант &amp; &
не разрывающий пробел &nbsp;  
тире &#8212; —
двойная кавычка &quot; "

Иногда нужно воспрепятствовать автоматическому разбиению слов по строкам, например "И.В._Иванов". В таких случаях вместо пробела следует использовать не разрывающий пробел&nbsp.

Специальные символы могут быть введены в ваш HTML-документ при помощи символа & (амперсант) и кода символа:

 

Таблицы

Год Продажи
$18М
$25М
$36М

Для лучшего представления информации удобно использовать таблицы.

Вот пример простой таблицы:

HTML-код :

<table border="3"> <tr><th>Год</th><th>Продажи</th></tr> <tr><td>2000</td><td>$18М </td></tr> <tr><td>2001</td><td>$25М</td></tr> <tr><td>2002</td><td>$36М </td></tr></table>

Элемент table является контейнером для таблицы. Атрибут border определяет толщину границы в пикселях. Элемент tr является контейнером для каждой строки таблицы. Элементы th и td являются контейнерами для ячеек, содержащих заголовки и данные соответственно.