Створення сайту

Головна 1. Початок роботи	2. Мова 3. Текст	4. Прикраси 5. Зображення	6. Таблиця 7. Список	8. Гіперпосилання 9. Галерея	10. Корисне 11. Зв'язок

	Теги списку

— Пане Веб, здається, ми вже все знаємо! Але сайту не отримали!
— Марта, ти дуже вірно сказала - сайту ще немає! Залишилася одна група тегів, що треба розглянути. Це теги вставки списків.
— Пане Веб, Ви кажете тегИ, тобто знов їх багато?
— Лесику, їх не так багато, як тегів таблиці, але є два варіанти списків: нумерований та маркований. Нумерований список - це як список учнів у класному журналі. Маркований список - це список, у якому замість номеру стоїть коло, або квадратик, або кільце.
— Пане Веб, як це?
— А ось так, Марта, дивиться на теги і на приклад.

Нумерований список	Пояснення
<OL type= > <LI> <LI> <LI> ... </OL>	Парний тег <OL> визначає, що список нумерований. Параметр type визначає тип нумерації. Наприлад: type=1 нумерації 1, 2, 3,… type=а нумерація a, b, c, … type=A нумерація A, B, C,… type=I нумерація римськими цифрами I, II, III, IV...
<LI>	Починає кожен рядок списку.

Маркований список	Пояснення
<UL type= > <LI> <LI> <LI> ... </UL>	Парний тег <UL > визначає, що список маркований. Параметр type визначає тип маркеру. Наприклад: type=disc (зафарб. коло) type=circle (коло) type=square (чор. квадрат)
<LI>	Починає кожен рядок списку.

Діємо!
1. Працюємо у відкритому файлі index.html
2. Після тегів таблиці додаємо два тега порожнього рядка <BR> та додаємо теги двох списків (нумерованого та маркованого), як на малюнку 19. Звертаю увагу, що списки ми додаємо у нову таблицю (таблиця без межів), яка складається з двох рядків та двох стовпців. У першому рядку таблиці - заголовки списків. У другому рядкі таблиці - списки. У першої клітинці - нумерований список, у другої клітинці - маркований список.
3. У меню програми обрати пункт Файл—Зберегти. Файл не закривати!
4. Перейти до відкритого файла у браузері. Та у відкритому вікні натиснути кнопку Оновити На сторінці з'явилося зображення, приблизно, як на малюнку 20?
Вітаю! Всі дії зроблено вірно!
Наступним розглянемо тег гіперпосилання.

мал. 19 Щоб збільшити зображення натисні на ньому лівою кнопкою миші

мал. 20 Щоб збільшити зображення натисні на ньому лівою кнопкою миші

Головна 1. Початок роботи	2. Мова 3. Текст	4. Прикраси 5. Зображення	6. Таблиця 7. Список	8. Гіперпосилання 9. Галерея	10. Корисне 11. Зв'язок