Студопедия.Орг Главная | Случайная страница | Контакты | Мы поможем в написании вашей работы!  
 

Списки



Зображення.

Шрифти

Списки

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

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

Кожен елемент маркованого списку починається не з номера, а з деякого символу. В наступному абзаці, де наводяться теги для описання списків, ви можете бачити приклад використання маркованих списків. Кожен елемент списку починається з символу “•”.

• <ul>..</ul> - невпорядкований список

• <ol>..</ol> - впорядкований список

• <li> - елемент списку

Атрибути та значення тега <li>:

Для маркованих списків:

<li type = disk | circle | square>

· disk – круг перед кожним елементом списку

· circle – коло перед кожним елементом списку

· square – квадрат перед кожним елементом списку

Для нумерованих списків:

<li value=number>

number – номер елемента списку, з якого починається нумерація

<li type = A | a | I>

· A – нумерація великими латинськими літерами

· a – нумерація маленькими латинськими літерами

· I – нумерація римськими цифрами

Якщо тип нумерації не вказано, то нумерація буде здійснюватися арабськими цифрами.

Якщо ви не вкажете номер, з якого нумерувати список, його буде пронумеровано, починаючи з одиниці (1). Якщо ви не вкажете тип фігури, який повинен бути виведений для кожного елемента ненумерованого списку, перед кожним елементом буде виведено символ “°”.

Приклад маркованого списку

<html>

<head>

<title>Макований список</title>

</head>

<body>

<ul>

<li type = "disc"> Собака

<li type = "circle"> Кіт

<li type = "square"> Корова

<li> Кінь

</ul>

</body>

</html>

Лістинг 2.2. Приклад нумерованого списку

<html>

<head>

<title>Нумерований список</title>

</head>

<body>

<ol>

<li value = 10> Собака

<li> Кіт

<li> Корова

<li> Кінь

</ol>

</body>

</html>

Заняття №2

Вкладені списки

Лістинг 2.3. Приклад вкладеного списку

<html>

<head>

<title>Вкладені списки</title>

</head>

<body>

<ol>

<li>Дикі тварини

<ul>

<li>Тигр

<li>Вовк

<li>Куниця

<li>Лось

</ul>

<li>Домашні тварини

<ul>

<li>Собака

<li>Кіт

<li>Корова

<li>Кінь

</ul>

</ol>

</body>

</html>





Дата публикования: 2014-11-18; Прочитано: 521 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!



studopedia.org - Студопедия.Орг - 2014-2024 год. Студопедия не является автором материалов, которые размещены. Но предоставляет возможность бесплатного использования (0.006 с)...