Учебное пособие: Створення простої web-сторінки

</html>

Можна за допомогою броузера переглянути файл основного документа index.html, двічі клацнувши на його піктограмі.

Щоб перейти на додаткову Web-сторінку, досить встановити курсор на посилання "подивитися мою фотокартку" i клацнути.

Щоб повернутся на сторінку основного документа, треба на панелі інструментів броузера натиснути кнопку "Назад".

СПИСКИ

Списки маркуються за допомогою тега <li> </li> за взірцем:

Маркер	Опис
·	<li type="disk"> Задуйвітер </li>
o	<li type="circle"> Макогоненко </li>
-	<li type="square"> Петренко </li>

ВІДСТУПИ

Для встановлення одного, двох i трьох відступів використовується тег <ul> </ul> за зразком:

<ul> один ввдступ </ul>

<ul> <ul> два ввдступи </ul></ul>

<ul> <ul><ul> три ввдступи </ul></ul></ul>

Питания для самоконтролю:

1. Як у Web-сторінку вставити малюнок?

2. Як встановити обтікання мапюнка текстом?

3. Як встановити відстань між текстом i малюнком?

4. Як встановити горизонтальні i вертикальні розмфи малюнка?

5. Як створити посилання на інший документ?

6. Як записати посилання на поштову скриньку?

7. Яке ім'я повинен мати головний документ?

8. Як створити список і вибрати маркер для нього?

9. Як зробити один, два або три відступи?

КОМПЛЕКСНА ЛАБОРАТОРНА РОБОТА "СТВОРЕННЯ HTML-ФАЙЛА"

Виконати такі дії:

1. На листку паперу або в зошиті написати текст HTML-файла для створення Web-сторінки за наведеним взірцем (без списку).

Привіт, це моя перша сторінка Прізвище, ім’я, група Шановний колего! Я вивчаю мову HTML, щоб створити власну домашню Web - сторінку для спілкування з друзями та знайомими. Щоб вони могли подивитися мою фотокартку , прочитати про мене, написати декілька рядків в мою книгу для гостей. Ось перші прізвища гостей в цій книзі: o Іваненко Іван o Петренко Петро o Сидоренко Микола

Рисунок 3 . Взірець HTML- сторінки

2. Відкрити редактор "Блокнот", набрати текст HTML-файла, зберегти його у еласну папку з менем Лабораторна робота i з РОЗШИРЕННЯМ .HTML.

3. Відкрити програму Internet Explorer, переглянути у власній nanці створений HTML-файл, виправити можливі помилки. Закрити Internet Explorer.

4. В текст файла Лабораторна робота.HTML додати список згідно взірця, зберегти його у еласну папку з тим самим іменем.

5. Програмою Internet Explorer переглянути відредагований HTML-файл, виправити молсливі помилки. Закрити програму Internet Explorer.

6. Зняти на сканері фотокартку або створити своє зображення графічним редактором, зберегти файл у власну папку.

7. Створити HTML-файл додаткового документа з довільним іменем, де розмістити файл свого зображення.