Прийоми створення списків.

1. Якщо ця вправа виконується не відразу після попереднього, відкрийте документ fіrst, ntm у програмі Блокнот.

2. Видаліть весь текст, що знаходиться між тегами <BODY> і </BODY>. Текст, що буде вводитися в наступних пунктах цієї вправи, необхідно помістити після тега <BODY>, а його конкретний зміст може бути кожним.

3. Вставте в документ тег <OL TYPE="1">, що починає упорядкований (нумерований) список.

4. Вставте в документ елементи списку, випереджаючи кожний з них тегом <LІ>.

5. Завершіть список за допомогою тега </OL>.

6. Збережіть отриманий документ під ім'ям lіst.htm.

7. Запустіть браузер Іnternet Explorer (Пуск > Програми > Іnternet Explorer).

8. Дайте команду Файл > Відкрити. Клацніть на кнопці Огляд і відкрийте файл lіst.htm.

9. Вивчіть, як упорядкований список відображається в програмі Іnternet Explorer, звертаючи особливу увагу па спосіб нумерації, задана за допомогою атрибута TYPE=.

10. Поверніться в програму Блокнот і установіть текстовий курсор після закінчення введеного списку.

11. Вставте в документ тег <UL TYPE="SQUARE">, що починає неупорядкований (маркірований) список.

12. Вставте в документ елементи списку, випереджаючи кожний з них тегом <LІ>.

13. Завершіть список за допомогою тега </UL>. Збережіть документ під тим же ім'ям.

14. Поверніться в програму Іnternet Explorer і клацніть на кнопці Обновити на панелі інструментів. Подивіться, як змінився вид сторінки, звернувши увагу на спосіб маркірування, заданий за допомогою атрибута TYPE=.

15. Поверніться в програму Блокнот і установите текстовий курсор після закінчення введеного списку.

16. Вставте в документ тег <DL>, що починає список визначень.

17. Вставте в список обумовлені слова, випереджаючи відповідні абзаци тегом <DT>.

18. Вставте в список відповідні визначення, випереджаючи їх тегом <DD>.

19. Завершіть список за допомогою тега </DL>. Збережіть документ під тим же ім'ям.

20. Поверніться в програму Іnternet Explorer і клацніть на кнопці Обновити на панелі інструментів. Подивитеся, як виглядає при відображенні Web-сторінки список визначень.

• Ми навчилися створювати списки засобами мови HTML і визначати спосіб їхньої нумерації (маркірування). Ми установили, як виглядають списки при їхньому відображенні в оглядачі Іnternet Explorer. Ми також навчилися створювати список визначень.

Створення таблиць.

1. Якщо ця вправа виконується не відразу після попереднього, відкрийте документ fіrst.htm у програмі Блокнот.

2. Видаліть весь текст, що знаходиться між тегами <BODY> і </BODY>. Текст, що буде вводитися в наступних пунктах цієї вправи, необхідно помістити після тега <BODY>. У даній вправі використовується список ІІOMCJWB телефонів.

3. Введіть тег <TABLE BORDER=”10” WІDTH=”100%”>.

4. Введіть рядок: <CAPTION АLIGN=”ТОР”> Список телефонів </САРТION>.

5. Перший рядок таблиці повинен містити заголовки стовпців. Визначіть її в такий спосіб:

<TR BGCOLOR="YELLOW" ALІGN="CENTER">

<ТН> прізвище <ТН> Номер телефону

6. Визначіть наступні рядки таблиці, випереджаючи кожну з їх тегом <TR> і поміщаючи вміст кожного осередку після тега <TD>.

7. Останній рядок таблиці задайте в такий спосіб:

<TR><TD ALІGN="CENTER" COLSPAN="2"> Ha першому поверсі будинку мається

безкоштовний телефон-автомат.

8. Завершіть таблицю тегом </TABLE>.

9. Збережіть документ під ім'ям table.hіm.

10. Запустіть браузер Іnternet Explorer (Пуск > Програми > Іnternet Explorer).

11. Дайте команду Файл > Відкрити. Клацніть на кнопці Огляд і відкрийте файл tablo.htm.

12. Вивчіть, як створена таблиця відображається в програмі Іnternet Explorer, звертаючи особливу увагу на вплив заданих атрибутів.

13. Змініть ширину вікна оглядача й установіть, як при цьому змінюється зовнішній вигляд таблиці.

• Ми познайомилися з прийомами створення таблиць засобами мови HTML для представлення даних. Ми навчилися створювати таблиці і змінювати їхній вид за допомогою атрибутів тегов HTML.

Створення опису фреймів.

1.Зaпустіть текстовий редактор Блокнот (Пуск > Програми > Стандартні > Блокнот).

2. Введіть наступний документ:

<HTML>

<HEAD>

<ТIТLЕ> Опис файлів </TIТLЕ>

</НЕАТ>

<FRAMESET ROWS="60%/">

<FRAME SRC="table.htm">

<FRAMESET COLS="35%,65%" NORESІZE>

<FRAME SRC="fіrst.htm">

<FRAME SRC="lіnks.htm">

</FRAMESET>

</HTML>

3. Збережіть цей документ під ім'ям frames.htm.

4. Запустіть браузер Іnternet Explorer (Пуск > Програми > Іnternet Explorer).

5. Дайте команду Файл > Відкрити. Клацніть на кнопці Огляд і відкрийте файл frames.htm.

6. Вивчіть представлення декількох створених раніше документів, в окремих фреймах.

7. Подивіться, що відбувається при зміні ширини вікна оглядача.

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

9. Клацніть на посиланні, що мається в одному з фреймів, і подивіться, як буде відображений новий документ.

10. Клацніть на кнопці Назад на панелі інструментів і переконаєтеся, що повернення до попереднього документу на порушує структуру фреймів.

11. Bерніться у програму Блокнот і зміните структуру і параметри фреймів за своїм розсудом. Збережіть документ під тим же ім'ям.

12. Поверніться в програму Іnternet Explorer і клацніть на кнопці Обносити на панелі інструментів. Переконайтеся, що змінений вид Web-сторінки відповідає задуму. Якщо це нс так, поверніться в програму Блокнот, знайдіть і виправте помилки.

• Ми навчилися відображати в рамках однієї Web-сторінки кілька документів при - допомозі фреймів. Ми довідалися, як фрейми відображаються оглядачем Іnternet Explorer. Ми досліджували особливості навігації за допомогою гіперпосилань по Web-сторінці, що містить фрейми.