-(BestFreeHelp.narod.ru)-

-(главная)-

-(библиотека)-

-(архив)-

-(помощь)-

-(карта сайта)-

-(о сайте)-

-(гостевая)-

Списки-одна из легких частей в HTML.Списки имеют мало тегов и выполняют лишь одну функцию:расформировка текста в список.Списки бывают разные,сейчас мы рассмотрим какие бывают списки и какие теги относятся к ним.

 

1)Первый вид списка:точечный.Используется тег <ul>...</ul>.Пример кода:

 

<ul>

<li>

<li>

<li>

</ul>

 

Вы спрашиваете что за тег <li>?Данный тег выводит одну из состовляющих списка.Пример:

 

  • завтрак
  • обед
  • ужин
  • ночной перекус

Код примера:

 

<ul type="disk" title="Список 1">

<li >завтрак</li>

<li s>обед</li>

<li >ужин</li>

<li >ночной перекус</li>

</ul>

 

У данного типа списка есть атрибуты:

type-определяет что будет маркером
disk-Закрашенный кружок.(Он стоит по умолчанию и приведен в примере)
circle-Незакрашенный кружок
square-Квадратик
title-Всплывающая подсказка
 
2)Второй вид списка.Список построенный на теге <dl>...</dl>.ТАкой тип списка используется тогда когда нужно создать список определений.Взгляните на пример:
Завтрак
Первый прием пищи
Ужин
Последний прием пищи

Код этого списка:

<DL title="Список номер два">

<DT>Завтрак

<DD>Первый прием пищи</dd>

<DT>Ужин</dt>

<DD> Последний прием пищи</dd>

</DL>

 

Обратите внимание на теги:

<dt>-определяемое слово

<dd>-определение

ps:эти теги можно не закрывать

 

3)Третий вид списка.Используются теги:<ol>...</ol>Список вместо кружков и квадратиков использует цифры или буквы по порядку.Пример:

  1. Завтрак
  2. Обед
  3. Чаёк
  4. Ужин


Код такого списка:

<OL type=A title="нумерованный список">
<LI>Завтрак
<LI>Обед
<LI>Чаёк
<LI>Ужин
</OL>

Атрибуты списка:

type-Тип маркера .Принимает значения:

A-Заглавные буквы

a-Строчные буквы

I-Заглавные римские цифры

i-Строчные римские цифры

1-Арабские цифры (по умолчанию)

start -Начальное значение для нумерованного списка при использовании арабских цифр

title-Вплывающая подсказка

[разделы]

HTML

[HTML основы]

[HTML атрибуты]

[HTML таблица цветов]

[HTML символы]

[HTML изображения]

[HTML таблицы]

[HTML фреймы]

[HTML списки]

[HTML формы]

[HTML мета теги]

[HTML словарь тегов]

[HTML интересное]

CSS

[CSS основы]

другие

[как ставить скрипты?]

[интернет как локалка]

[подключение интернета]

[софт мастера]

[словарь мастера]

 

Hosted by uCoz