1. Давайте створимо новий html документ, на основі набутих знаннь при вивченні попередніх розділів:

<HTML>

<HEAD>

<TITLE>СПИСОК</TITLE>

</HEAD>

<BODY>

....

“ТІЛО” ДОКУМЕНТА

....

</BODY>

</HTML>

Збережемо цей веб-документ в папку з іменем “ERA_2008” і назвемо файл W_02.html

2. А тепер давайте розберемося із елементами які створюють нумерований і ненумерований список:

· Елемент <OL> - впорядкований (нумерований) список

· Елемент <UL> -невпорядкований (ненумерований) список

Почнемо з нумерованого списка.

Елемент <OL> має атрибут TYPE і START. Атрибут TYPE визначає тип маркера (“A” –Заголовні букви, “l – Заголовні римські цифри”, “1” – Арабські цифри (встановлені по замовчуванню)), а атрибут START визначає початкове значення списку при використанні арабських цифр.

3. Створіть такий наступний список в “тілі” документа і перегляньте результати у веб-браузері:

<OL>

<LI>Меладзе</LI>

<LI>Пугачева</LI>

<OL TYPE = a>

<LI>Орбакайте</LI>

</OL>

<LI>Кіркоров</LI>

<BR/><FONT FACE=”Counter New”>...</FONT>

<LI VALUE=17>Пресняков</LI>

</OL>

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

4. Елемент <UL> має лише один атрибут TYPE, який також визначає тип маркера, але в цьому випадку він приймає значення DISC, CIRCLE, SQUARE (замальований, незамальований кружок і квадрат відповідно)

Додайте до створеного уже списку наступний список в і перегляньте результати у веб-браузері:

<UL TYPE=SQUARE>

<LI>Меладзе</LI>

<LI>Пугачева</LI>

</UL>

Ось як має виглядати написаний текст веб-документа в кінцевому варіанті даного розділу розділу:

<HTML>

<HEAD>

<TITLE>СПИСОК</TITLE>

</HEAD>

<BODY>

<OL>

<LI>Меладзе</LI>

<LI>Пугачева</LI>

<OL TYPE=a><LI>Орбакайте</LI></OL>

<LI>Кіркоров</LI>

<BR/><FONT FACE=”Counter New”>...</FONT>

<LI VALUE=17>Пресняков</LI>

</OL>

<UL TYPE=SQUARE>

<LI>Меладзе</LI>

<LI>Пугачева</LI>

</UL>

</BODY>

</HTML>

Можемо перейти до наступного розділу.

4. Вставка зображення у веб-сторінці

В даному розділі, ми будемо вчитися вставляти зображення у веб-сторінку.

1. Але для початку давайте створимо новий html документ, на основі набутих знаннь при вивченні попередніх розділів:

<HTML>

<HEAD>

<TITLE>ЗОБРАЖЕННЯ </TITLE>

</HEAD>

<BODY>

....

“ТІЛО” ДОКУМЕНТА

....

</BODY>

</HTML>

Збережемо цей веб-документ в папку з іменем “ERA_2008” і назвемо файл W_03.html.

2. Давайте познайомимося із новим тегом <HR.../> - горизонтальна лінія:

<HR WIDTH=80% ALIGN=CENTER SIZE=4 COLOR=BLUE/>

Атрибут WIDTH визначає довжину лінії у відсотках від ширини екрану, ALIGN вирівнює (може приймати значення LEFT, RIGHT, CENTER), SIZE – це товщина лінії в пікселях (екранних точках), COLOR – колір лінії.