Кольорова специфікація
Black
(Чорний) = "#000000"
Green
(Зелений) = "#008000"
Silver
(Срібло)= "#C0C0C0"
Lime
(Лимон) = "#00FF00"
Gray
(Сірий) = "#808080"
Olive
(Оливковий) = "#808000"
White
(Білий) = "#FFFFFF"
Yellow
(Жовтий)= "#FFFF00"
Maroon
(Темно-бордовий)
Navy
(Темно-синій) = "#000080"
Red
(Червоний) = "#FF0000"
Blue
(Синій) = "#0000FF"
Purple
(Фіолетовий) = "#800080"
Teal
(Бірюзовий) = "#008080"
Fuchsia
(Фуксія) = "#FF00FF"
Aqua
(Блакитний) = "#00FFFF"
В HTML-документах використовують три види списків:
невпорядкований (маркерований),
упорядковані (нумерований),
список визначень.
У маркерованому списку використовуються певні позначки (крапки, квадрати тощо). Починається такий список і тегу <UL>, а закінчується - </UL>. Кожний елемент списку починається з тегу <LI>.
Тег <UL> має атрибути:
disk – зафарбоване коло,
circle – коло,
square – маленький чорний квадрат.
В упорядкованому списку всі елементи пронумеровані. Починається список із тегу <OL>, а закінчується </OL>. Кожен елемент такого списку також починається з тегу <LI>.
Тег <OL> може мати атрибут TYPE, що визначає тип нумерації.
Цей атрибут має значення:
А – велика літера;
а – мала літера;
І – велика римська цифра;
i – мала римська цифра;
1 – арабська цифра.
За допомогою атрибута START можна задати відмінний від одиниці початковий номер елемента, наприклад < OL TYPE=”I” START=”5”>.
Хід роботи
Відкрийте редактор Блокнот.
Створіть за допомогою текстового редактора html-файл з особистими данними про себе. Текст повинен мати заголовок, складатися з декількох абзаців. Задайте назву вікна web-сторінки.
<HTML> <!--Це файл filel.htm -->
<HEAD>
<TITLE>Особисті данні</TITLE>
</HEAD>
<BODY>
Я Сідор Сідорович Сідоренко. Народився 12 квітня 199...р.
у м.Одеса.
В 201... році закінчив школу №... м.Одеса.
Моя адреса: індекс, місто, вулиця,будинок,квартира.
</BODY>
</HTML>
Збережіть його під назвою filel1.html у власній папці.
Відкрийте файл file1.html у броузері Internet Explorer. Для цього відкрийте свою робочу папку і двічі клацніть мишею на назві файлу.
Відредагуйте сторінку. Для того щоб відредагувати файл, треба спочатку відкрити програму Блокнот, а потім файл і кожного разу після редагування треба зберігати файл. Задайте колір фона та текста. Змінюйте відповідні параметри тега BODY - BGCOLOR і TEXT.
Виконайте форматування тексту у файлі filel.htm. Застосуйте у тексті різні накреслення літер (жирний, курсив, підкреслений). Заголовок тексту відцентруйте та відокремти від іншого тексту порожнім рядком. Кожний абзац розташуйте з нового рядка. У кінці всього текста намалюйте лінію.
Створіть ще один html-файл з розповіддю про себе. Виконайте форматування тексту у файлі file2.htm:
Біографічні дані (заголовок 2 рівня, колір – чорний)
Дата народження: (розмір – 5, колір – синій, накреслення – напівжирний, вирівнювання – зліва)
Місце народження: (розмір – 4, колір – жовтий, накреслення – курсив, вирівнювання – зліва)
Склад сім’ї: (маркерований список, розмір – 4, колір – зелений, накреслення – підкреслений, вирівнювання –зліва)
Технікум: (розмір – 3, колір – золотий, накреслення – закреслений, вирівнювання – зліва), група (розмір – 3, колір – золотий, накреслення – напівжирний, курсив, вирівнювання – зліва)
Улюблені заняття: (нумерований список, заголовок 3 рівня, колір – рожевий, вирівнювання – справа)
Перегляньте цей файл за допомогою броузера і поекспериментуйте з розмірами вікна, в якому демонструється документ.
КОНТРОЛЬНІ ПИТАННЯ
Що таке web-документ?
Для чого призначена програма-броузер?
Для чого призначена мова HTML?
Що таке тег і які є теги?
Які параметри може мати тег BODY?
Який тег позначає початок нового абзацу?
Які теги позначають товстий, курсивний і підкреслений шрифти?
Які теги призначені для вирівнювання елементів на сторінці?
Яке призначення тега FONT, параметри тега FONT?
Які є типи списків?
Як створити маркерований список?
Як створити нумерований список?
Як створити список означень?