Послідовність виконання роботи

1. На новій web-сторінці створить таблицю з даними про свій рейтинг.

Таблиця буде складатися з 3 стовпців та 4 рядків.

Задайте заголовок таблиці “Результати рейтінга”.

Задайте заголовкі стовпців та рядків.

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

2. Новий файл збережіть під назвою file3.htm. Перегляньте його у броузері.

3. Змінить вигляд таблиці.

Задайте товщину рамки таблиці, на приклад, 3, задайте кольори рамки та фона таблиці. Як це зробили?

4. Вирівнюйте текст у клітинках таблиці.

У заголовках – по центру, в інших клітинках – на ваш смак.

5. Поекспериментуйте з параметрами тега TABLE. Об'єднайте деякі дві клітинки таблиці в одну. Удоскональте свою сторінку якнайліпше.

6. Створіть ще одну таблицю.

Відкрийте свою web-сторінку file2.htm та створіть таблицю для розміщення фотографії та текста.

Таблиця повинна складатися з одного рядка та двох стовпців: у першому - фото, у другому – текст, наприклад, “Це я!”. (Графічні файли повинні мати розширення bmp, jpg, gif).З допо­могою якого тега?

7. Відредагуйте графічне зображення..

Встановіть розміри фотографії, візміть її у рамку. Як це зробили?

8. Зробіть фотографію як гіперпосиланням до файлу file1.htm з особистими даними. Як це зробити?

9. Змініть таблицю.

Зробіть її без рамки. З допомогою якого параметра це можна зробити ?

10. Вставте у свій файл гіперпосилання на html-файл, наприклад, на файл з таблицею.

У кінці сторінки після черти введіть речення: Мої успіхи і зробіть його гіперпосиланням на файл з таблицею file3.htm. Як це зробили?

11. Створить гіперпосилання у вигляді графічного зображення.

Клацнувши на web-сторінці на фотографії, повинен від­криватися файл з особистими данними file1.htm. Як це зробили?

12. Застосуйте гіперпосилання для переходу на початок сторінки.

В кінці сторінки розташуйте рядок з гіперпосиланням: Перехід к початку сторінки для переходу у початок стороінки. Як це зробити?

13. Застосуйте до заголовку динамічний ефект.

У файлі file2.htm зробіть рядок Ця сторінка створена Прізвище І.П. рухомим у смузі будь-якого коліру. Який тег для цього використовується?

Контрольні питання

1. Яке призначення тега TABLE, параметри тега TABLE?

2. Які теги формують у таблиці рядки, клітинки-заголовки і звичайні клітинки?

3. Як у таблиці об'єднати декілька клітинок в одну?

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

5. Яка особливість пари тегів <PRE>...</PRE>?

6. Як вставити графічне зображення у web-сторінку?

7. Які параметри може мати тег IMG?

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

9. Яке призначення параметрів LINK, VLINK, ALINK?

10. Як деяке графічне зображення зробити гіперпосиланням?

11. Які є види посилань у межах одної web-сторінки?

12. Що таке якори?

13. Як запустити звук одночасно з відкриванням сторінки?

14. Як створити динамічний ефект рухомого тексту?

15. Які ви знаєте параметри рухомого тексту?