Web-Programming.in.ua

Списки в HTML

Привіт, в цій статті ми ознайомимось з списками в HTML.

Давайте створимо порожній HTML документ. Списки бувають маркованими і нумерованими.

Отже почнемо з першого:

Для того, щоб створити маркований список використовують парний тег "<ul>". Для того, щоб створити елементи в списку використовують парний тег "<li>".

Приклад:

<ul>
    <li>Маркований #1</li>
    <li>Маркований #2</li>
    <li>Маркований #3</li>
</ul>

В результаті получиться:

  • Маркований #1
  • Маркований #2
  • Маркований #3

Нумеровані списки робити аналогічно, тільки з використанням парного тегу "<ol>" замість "<ul>":

<ol>
    <li>Нумерований #1</li>
    <li>Нумерований #2</li>
    <li>Нумерований #3</li>
</ol>

Результат:

  1. Нумерований #1
  2. Нумерований #2
  3. Нумерований #3

Ось і все, але в списках можна розміщати не тільки текст, але й зображення, посилання, і т.д і навіть робити за допомого них різноманітні меню! Все це ми навчимось робити у наступних уроках.


Приклад написаного в статті:

http://examples.web-programming.in.ua/list_in_html/index.html

Тільки авторизовані користувачі можуть додавати коментарі.

Нагору