Неупорядоченный списки

Неупорядоченный список — это перечень элементов. Элементы списка обозначаются буллетами (обычно черные закрашенные кружочки).

Неупорядоченный список начинается с тега <ul>. Каждый элемент списка начинается с тега <li>

В пункты списка можно помещать параграфы, горизонтальные линии, изображения, ссылки, другие списки и т.д.

Список определений

Список определений — это не просто список элементов. Это список элементов с описанием каждого элемента.

Список определений начинается с тега <dl>.

Каждый элемент списка определений начинается с тега <dt>.

Каждое описание элемента списка начинается с тега <dd>.

Список определений состоит из двух элементов — термина и его определения. Сам список задается с помощью контейнера <dl>, термин — тегом<dt>, а его определение — с помощью тега <dd>. Список определений хорошо подходит для расшифровки терминов, создания глоссария, словаря, справочника и т.д. В примере 11.6 показано одно из возможных использований этого вида списка.

Css: как создать графический или текстовый маркер в списке.

Автор: Gennady

Выбор стандартных маркеров в списках в общем невелик, особенно если вести речь о ненумерованных списках. Как быть, если стоит задача создать и использовать свои собственные маркеры, текстовые или графические? Задача эта вполне решаема….

Правда сразу оговорюсь, что для начала мы разберем скорее теоретические основы, поскольку существует браузер названИЕкоторого все знают. Нормальное решение основано на использовании автоматически генерируемого контента, а вышеупомянутый браузер (будем честными до конца – не только он один) не поддерживает эту возможность. Зато это прекрасно работает в Mozilla, FireFox, Netscape 6+, Opera и Safari. А затем разберем и универсальное решение. К сожалению не такое изящное.

• Теги изображения состоят из тега <img> и источника изображения (адрес графического файла), указанного в атрибуте src. В качестве адреса графического файла указывается либо URL-адрес, либо имя файла (возможно с указанием пути). width="x". Определяет ширину изображения

• heigth="x". Определяет высоту изображения

• border="x". Значение x в данном случае определяет толщину рамки, которую броузер будет рисовать вокруг изображения.

Обтекание текстом изображения

<p><img src="/images/renoire-monet.jpg"

alt="Ренуар. Портрет Клода Моне."

width="160" height="202" align="left"> Этот текст будет находиться

справа от изображения. Этот текст будет находиться

справа от изображения. Этот текст будет находиться

справа от изображения. Этот текст будет находиться

справа от изображения. Этот текст будет находиться

справа от изображения. Этот текст будет находиться

справа от изображения. Этот текст будет находиться

справа от изображения.</p>

еперь более подробно. Элемент img может иметь следующие специальные атрибуты:  src - абсолютный или относительный адрес файла изображения (Обязателен!)  alt - альтернативный текст (Обязателен!)  width - ширина изображения  height - высота изображения  align - выравнивание изображения (Отменен!)  hspace - отступы от границ изображения по горизонтали (Отменен!)  vspace - отступы от границ изображения по вертикали (Отменен!)  Обязательными являются только два из них: src и alt.