	ИНФОРМАЦИЯ, ДИЗАЙН, ПЕРЕВОДЫ, РЕКЛАМА . . .	w a p - с а й т
		Информационный портал

Сегодня:

admin@aranea.ru
+79068922256

aranea.ru || Занятия и примеры по HTML | Неупорядоченные списки

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

Пример 30
Пример 31

Любые документы (включая и HTML) очень часто включают списки. Неупорядоченные списки – это списки без номеров, т.е. перед каждой строкой стоит маркер:

диск,

кружочек или

квадратик.

Неупорядоченные списки определяется двумя элементами. Элемент UL (<ul>…</ul>) включает в себя все элементы LI (<li>…</li>), описывающие строки.

Пример 30

<HTML> 
   <HEAD>
            <TITLE>
                        Пример 30
            </TITLE>
   </HEAD>
     <BODY> 
          <UL type="disc">
               <LI>Первая строка. </LI> 
               <LI>Вторая строка. </LI>
          </UL> 
          <UL type="circle">
               <LI>Первая строка. </LI> 
               <LI>Вторая строка. </LI>
          </UL>
          <UL type="square">
               <LI>Первая строка. </LI> 
               <LI>Вторая строка. </LI>
          </UL>
     </BODY>
</HTML>

Неупорядоченные списки с разными маркерами можно вкладывать друг в друга. Нужно быть очень внимательным при написании вложенных элементов и не ошибиться с открывающими и закрывающими тегами.

Пример 31

<HTML> 
   <HEAD>
            <TITLE>
                        Пример 31
            </TITLE>
   </HEAD>
     <BODY> 
  <UL type="disc">
           <LI>Первая строка основного списка. </LI> 
           <LI>Вторая строка основного списка. </LI>
     <UL type="circle">
             <LI>Первая строка второго списка. </LI> 
             <LI>Вторая строка второго списка. </LI>
          <UL type="square">
                <LI>Первая строка третьего списка. </LI> 
                <LI>Вторая строка третьего списка. </LI>
          </UL>
           <LI>Третья строка второго списка. </LI>
     </UL>
         <LI>Третья строка основного списка. </LI>
  </UL>
     </BODY>
</HTML>

← Назад | Вперед →