Єдина Країна!

Головне меню

Наша кнопка

Українські уроки про ІТ

Друзі

Підтримка української армії



Списки в HTML
Написав admin   
П'ятниця, 16 вересня 2011 20:04
Переглядів: 13490

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

Існує два основних види списків в HTML: нумерований і маркований. Третій тип — список для визначень, який зустрічається доволі рідко.

 

 

Нумерований список

 

У нумерованому списку біля кожного елемента списку проставляється номер.

Наприклад, щоб створити такий список:

  1. Одягнути спортивну форму
  2. Узяти м’яч
  3. Зібрати друзів
  4. Зіграти футбол

треба написати такий код:

<ol>

<li> Одягнути спортивну форму </li>

<li> Узяти м’яч </li>

<li> Зібрати друзів </li>

<li> Зіграти футбол </li>

</ol>

Розберемся з структурою. Тег <ol> означає початок списку, а тег <li> новий елемент.  Для тегу нумерованного списку <ol> можна застосовувати декілька атрибутів, зокрема, start(номер з якого буде починатись наша нумерація) і type( вказує тип нумерації і може мати такі значення — 1, A, a, I, i).

<ol start=3 type=A>

<li> Одягнути спортивну форму </li>

<li> Узяти м’яч </li>

<li> Зібрати друзів </li>

<li> Зіграти футбол </li>

</ol>

Модифікувавши код, ми вказали, що тип нумерації мусить бути буквенний і починатися з 3 символа, тобто букви C, ось що ми отримали:

 

C.Одягнути спортивну форму

D.Узяти м’яч

E.Зібрати друзів

F.Зіграти футбол

 

 

Маркований список

 

У маркованому списку порядок елементів не має такої ролі, як у нумерованому. Біля елементів проставляються спеціальні значки(точки, сфери, квадрати).

Перед наведенням прикладу, скажу що список це має атрибут type(від якого саме і залежить тип значка), який набуває значень disc(по замовчуванні, відображає зафарбований круг), square(зафарбований квадрат), circle(незафарбований круг).

<ul type=square>

<li>Сходити в кінотеатр</li>

<li>Зустріч з друзями</li>

<li>Гра у пейнтбол</li>

</ul>

Щоб створити маркований список використовуєм тег <ul>.

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

n

 

Чекаю ваших відгуків і побажань щодо уроків! Щасти!


( 25 Проголосувало )
Коментарі
Добавити новий
maque  - Дякую   |2011-09-25 11:59:27
avatar Для початківців класно.
Адміністратор   |2011-10-02 14:12:30
avatar дякую
Макс  - Чому?   |2013-08-16 08:45:51
Не розумію, чому list перекладається як
російське - список.
Можна ж -
перелік.
Маркований перелік, нумерований
перелік
Адміністратор   |2013-08-21 19:02:36
avatar даю відповідь
так, дійсно можна і так, але,
по-перше, "список" стоїть в словниках
завжди першим, а вже потім "перелік",
по-друге, слово "список" більш вживаніше
як у програмістів так і у повсякденному
житті..
тому вибрав саме його

але ваш
варіант теж не буде помилковим
Анонімно   |2013-12-11 10:10:41
Залишити коментар
Ім`я:
e-mail:
 
Тема:
 
:angry::0:confused::cheer:B):evil::silly::dry::lol::kiss::D:pinch:
:(:shock::X:side::):P:unsure::woohoo::huh::whistle:;):s
:!::?::idea::arrow:
 
Введіть цей настирливий код
Русская редакция: www.freedom-ru.net & www.joobb.ru

3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved."

 

Ввійти



Підписка

Хто онлайн?

Немає
На даний момент 117 гостей на сайті

Український рейтинг
TOP.TOPUA.NET