Home » 2014 » Октомври » 6 » Урок №12 HTML Списъци
0:03 AM
Урок №12 HTML Списъци

HTML списъци

В HTML можете да използвате три вида списъци:

1.неподредени: отделните елементи на списъка се открояват с един и същи графичен знак: кръгче, квадрат, отметка и т.н. - каквото укажете

2.подредени: изброените неща в списъка получават свой номер: римски, арабски цифри, латински малки или главни букви в азбучен ред и т.н.

3.дефиниращи понятия: с този тип списъци можете да изброявате елементи и заедно с това да давате техни определения (дефиниции).

Нека разгледаме по-подробно всеки един от трите вида списъци.

Неподредени списъци

Указват се с таг <ul> за начало и  </ul> - за край. Отделните неща в списъка се отбелязват с таговете <li> и </li>. Ето и един пример за неподреден списък:

  1. <html>
  2. <head>
  3. </head>
  4. <body>
  5. <ul>
  6.  <li>Pc</li>
  7.  <li>Tools</li>
  8.  <li>web</li>
  9.  <li>Уроци</li>
  10.  </ul>
  11. </body>
  12. </html>

Резултат:

  • Pc
  • Tools
  • web
  • Уроци

Подредени списъци

С тези списъци изброяваните елементи получават номер. Синтаксисът е почти идентичен с този за неподредени списъци: единствената разлике е че вместо <ul> и </ul> се използват съответно <ol> и </ol> за начало и край на списъка. Ето и един пример:

  1. <html>
  2. <head>
  3. </head>
  4. <body>
  5. <ol>
  6.  <li>Pc </li>
  7. <li> Tools</li>
  8. <li> web</li>
  9. <li> Уроци</li>
  10. </ol>
  11. </body>
  12. </html>

Резултат

1.Pc

2.Tools

3.web

4.Уроци

Дефиниращи списъци

Тези списъци се задават с <dl> и </dl> - съответно за начало и за край на списъка. Следва изброяване на понятията (между тагове <dt> и </dt>) и техните дефиниции (между тагове <dd> и </dd>). Дефиниращ списък може да изглежда така:

Пример:

  1. <html>
  2. <head>
  3. </head>
  4. <body>
  5. <dl>
  6. <dt> Pc-Tools</dt>
  7. <dd> Уроци по програмиране</dd>
  8. <dt> Меню</dt>
  9. <dd> В нашето меню може да избирате от разнообразни уроци</dd>
  10. </dl>
  11. </body>
  12. </html>

Браузърът автоматично ще направи отстъп за дефинициите, така че списъка ще изглежда по следния начин:

Pc-Tools
       
Уроци по програмиране
Меню
       
В нашето меню може да избирате от разнообразни уроци

 

Категория: HTML | Преглеждания: 495 | Довавено от: Kaloqn | Оценка: 5.0 | Гласували :3 | Tags: 12, №12, yrok, spisuci, Html, списъци, урок

Ако урокът ви е харесал можете да го споделите с вашите приятели във фейсбук :
Всички коментари: 0
avatar
Социални Мрежи

PC-Tools.inc | Copyright © 2014-2015
DMCA.com Protection Status Mozilla Firefox+4.0 Chrome+13.2 Opera+5.6 IE+7.9 Safari+2.0