Империя - Маркированные списки
Империя работы в интернете

Главная | Регистрация | Вход
Суббота, 10.12.2016, 21:32
Приветствую Вас Гость | RSS
Меню сайта

Подбор по параметрам
Категории раздела
Новости бирж контента [3]
РАЗНОЕ [188]
Строительство [2]
интересные места [9]
Обустройство дома, квартиры [1]
Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0

                                                              Создание списков в HTML 2

В HTML есть возможность, составлять автоматически как нумерованные, так и маркированные списки. Создаются списки с помощью двух видов парных тэгов, для каждого вида списка

1.Маркированные списки

Маркированные списки - списки где важен не порядок следования, а перечень. Вместо символов нумерованного ипользуются маркеры. Для создания маркированных списков использются тэги ul,/ul (начало и конец списка), li,/li (начало и конец строки) Параметр тэга ul - type По умолчанию (type=disk) жирная точка. Для изменения типа маркера, необходимо изменить параметр type Возможны следующие варианты параметра type:
disk - жирная точка
cirkcle - окружность
square - квадрат


    Вот пример списка из трех строчек в html-коде
<ul>
   <li>первая строка</li>
   <li>вторая строка</li>
   <li>третья строка</li>
</ul>
    В браузере отразится такой список:

  • первая строка
  • вторая строка
  • третья строка

Попробуем в тег ul. добавить значение параметра type="circle" (не забываем кавычки), оставив остальное без изменения.
    Получим

<ul  type="circle">
   <li>первая строка</li>
   <li>вторая строка</li>
   <li>третья строка</li>
</ul>
  • первая строка
  • вторая строка
  • третья строка

Попробуем убрать тег ul, оставив только три строчки заключенные в тэгах li

  • первая строка
  • вторая строка
  • третья строка


  •  

Как видим пропадает отступ между абзацами и строчки списка смешаются влево, и похоже у тэга ли есть параметр type Проверим это, задав для каждой строчки свое значение

  • первая строка
  • вторая строка
  • третья строка

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

dl, /dl - тэги начала/конца списка определений.(фактически выполняет роль абзаца, отделяет строчку вверху и внизу от начала и конца списка)
dt, /dt - тэги начала/конца термина.
dd, /dd - тэги начала/конца определения.
Ниже приведенн пример такого списка.

Тэги ul,/ul
тэги обозначают, начало и конец маркированного списка
Тэгиli,/li
тэги обозначают, начало и конец строчки списка

Для выделения определения можно заключить его в тэги dfn

Вложенные списки

Попробуем создать вложенные списки. Ниже приведен пример вложенного списка, в HTML коде

В браузере, этот HTML код выглядит следующим образом

  1. первая строка
  2. вторая строка
  3. третья строка
    1. первая строка
    2. вторая строка
    3. третья строка
  4. четвертая строка
  5. пятая строка
  6. шестая строка


 
Вход на сайт

Поиск
Календарь
«  Декабрь 2016  »
ПнВтСрЧтПтСбВс
   1234
567891011
12131415161718
19202122232425
262728293031
Архив записей
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • База знаний uCoz

  • Copyright MyCorp © 2016 | Яндекс.Метрика