П`ятниця, 2024-05-17, 12:48 PM
Web-майстрам
Вітаю Вас Гість | RSS
Головна Каталог статей Реєстрація Вхід
Меню сайту

Категорії розділу
Автоматизоване створення й підтримка веб-ресурсів [10]
Основи мови HTML [17]
Графіка, аудіо- та відеоінформація на веб-сторінках [6]

WM-копілка

Наше опитування
Оцініть мій сайт
Всього відповідей: 68

Статистика

Онлайн всього: 1
Гостей: 1
Користувачів: 0

Форма входу

Головна » Статті » Основи веб-дизайну » Основи мови HTML

Нумеровані й марковані списки
Для подання тексту в структурованому вигляді , коли кожен аб­
зац виділено за допомогою позначки або номера, призначені спи­
ски. У HTML-документах використовують три види списків:
• невпорядкований (маркований);
• упорядкований (нумерований);
• список визначень.

У невпорядкованому списку для виділення елементів використо­
вуються певні позначки (крапки, квадрати тощо). Починається
такий список із тегу <UL>, а закінчується — </UL>. Кожний еле­
мент списку починається з тегу <LI>. Тег <UL> може мати атри­
бут TYPE, який визначає форму позначки. Цей атрибут набуває
таких значень:
• dis k — зафарбоване коло;
• circl e — коло;
• squar e — маленький чорний квадрат.

В упорядкованому списку всі елементи пронумеровані. Починаєть­
ся список із тегу <0L>, а закінчується — </OL>. Кожний елемент
такого списку також починається з тегу <LI>. Тег <OL> може
мати атрибут TYPE, який визначає тип нумерації. Цей атрибут
набуває таких значень:
• А — велика літера;
• а — мала літера;
• І — велика римська цифра;
• і — мала римська цифра;
• 1 — арабська цифра.

У разі потреби за допомогою атрибута START можна задати
відмінний від одиниці початковий номер елемента, наприклад
<0L TYPE="I" START="5">, Нумерований список, початковий
елемент якого позначено латинською літерою Е, яка є п'ятою
в алфавіті, описують так:
<OL TYPE="A" START="5">
<LI>Перший елемент списку</LI>
<LI>Другий елемент списку</LI>
<LI>Третій елемент списку</LI>
<LI>Четвертий елемент списку</LI>
</OL>

Список визначень (definition list) порівняно з маркованим або
нумерованим має дещо складнішу будову. Кожен елемент такого
списку складається з двох частин: терміна та його визначення.
У такий спосіб можуть бути оформлені словники та термінологіч­
ні довідники. Однак цей тип списку використовують рідко, і тому
описувати його докладніше не будемо.

Розглянемо приклади використання різних типів списків.

Приклад 2.1. Маркований список, в якому для позначення
елементів використовують коло
<HTML>
<TITLE>Райдуга</TITLE>
<BODY>
<BASEFONT SIZE=6>
<UL ТУРЕ=сігсlе>
<LI><FONT COLOR=red>Червоний</FONT></LI>
<LI><FONT COLOR=orange>Оранжевий</FONT></LI>
<LI><FONT COLOR=yellow>Жовтий</FONT></LI>
<LI><FONT COLOR=green>Зелений</FONT></LI>
<LI><FONT COLOR=lightblue>Блакитний</FONT></LI>
<LI><FONT COLOR=blue>Синій</FONT></LI>
<LI><FONT COLOR=darkmagenta>Фioлeтoвий</FONT></LI>
</UL>
</BODY>
</HTML>
Ha рис. 2.4 показаний вигляд цього документа у вікні браузера
Internet Explorer.



Приклад 2.2. Нумерований список, в якому для позначення
елементів використовують малі римські цифри
<HTML>
<TITLE>Райдуга</TITLE>
<BODY>
<BASEFONT SIZE=6>
<OL TYPE=i>
<LI><FONT COLOR=red>Червоний</FONT></LI>
<LI><FONT COLOR=orange>Оранжевий</FONT></LI>
<LI><FONT COLOR=yellow>Жoвтий</FONT></LI>
<LI><FONT COLOR=green>Зелений</FONT></LI>
<LI><FONT COLOR=lightblue>Блакитний</FONT></LI>
<LI><FONT COLOR=blue>Синій</FONT></LI>
<LI><FONT COLOR=darkmagenta>Фіолетовий</FONT></LI>
</OL>
</BODY>
</HTML>
Ha рис. 2.5 показаний вигляд цього документа у вікні браузера
Internet Explorer.



Зверніть увагу на те, що за допомогою тегу <BASEFONT> для всьо­
го документа призначено розмір шрифту 6, а за допомогою тегів
<FONT> визначено колір шрифту для кожного елемента списку.
Категорія: Основи мови HTML | Додав: Farengeit (2011-12-23)
Переглядів: 22312 | Коментарі: 30 | Рейтинг: 0.0/0
Всього коментарів: 2
2 bagwbwbfg  
0
q
q
q

1 VoillHiz  
0
http://lgoogoogaga.wordpress.com/2012/08/12/a-story-about-a-music-class-with-no-music-just-scarves/
http://www.blog.polarisproject.org/2009/10/14/the-grand-prix-of-johns-and-impounding-their-cars/
http://witchesofthecraft.com/
http://www.madville.com/blogs/411182_leather_travel_wallets_how_to_make_travelling_trouble_totally_free_by_simp ly_organising_your_information_about_leatherbased_travel_wallets
http://justuskissing.me/2012/09/18/the-15-male-wearing-light-coloured-v-neck-t-shirts-toting-a-bag-get-free-biryani- in-kuala-lumpur/

Ім`я *:
Email *:
Код *:
Новини
Остання новина: Новий спосіб заробітку

Copyright MyCorp © 2024 Зробити безкоштовний сайт з uCoz