Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Лабораторні по ІТ.docx
Скачиваний:
0
Добавлен:
01.07.2025
Размер:
592.63 Кб
Скачать

Вигляд створеного документу:

Лабораторна робота № 2 Тема: Cтворення таблиць та гіперпосилань у html-документах.

Мета роботи: навчитись створювати таблиці та гіперпосилання.

Підготовка до заняття

1.Ознайомитися з теоретичними відомостями за темою лабораторної роботи.

Хід роботи:

  1. Створити шаблон html-документа.

  2. Задати ім'я документа (TITLE) за таким зразком: "Лабораторна робота №2 - Прізвище Ім'я - Група".

  3. Задати базовий шрифт документа (basefont): розмір - 3, гарнітура - Arial, колір - чорний.

  4. Створити біжучий рядок (MARQUEE) за зразком: "Прізвище Ім'я - Група".

Текст "Лабораторна робота №2" оформити заголовком першого рівня (НІ), розмішеним по центру із спливаючим поясненням (ACRONYM TITLE) "ТАБЛИЦЯ" при наведенні на нього мишкою.

  1. Задати заголовок таблиці "Приклад виконання таблиці" розмістивши його над таблицею і оформити заголовком третього рівня вирівняним по правому краю.

  2. Створити таблицю (див. зразок виконання в додатку з лістингом), яка займає 80% ширини і 70% висоти вікна браузера з такими параметрами: горизонтальне вирівнювання таблиці та вертикальне вирівнювання даних у таблиці - по центру. Ширина зовнішньої рамки таблиці рівна 5, її колір - червоний. Відстань між рамкою комірки та текстом - 5, відстань між границями сусідніх комірок - 10. Колір фону комірок таблиці - синій.

  3. Створити перший рядок основної таблиці та задати чорний колір рамок усіх його комірок.

  4. Створити 1-шу комірку-заголовок (комірка 1) шириною 20% від ширини вікна браузера з наступними параметрами: горизонтальне вирівнювання даних комірки - по правому краю, вертикальне - по верхньому краю. Колір фону комірки — червоний. Колір шрифту — синій.

  5. Створити 2-гу комірку-заголовок (комірка 2) шириною 100 пікселів з такими параметрами: Горизонтальне вирівнювання даних комірки - по лівому краю, вертикальне - по нижньому краю. Фон комірки - рисунок l.bmp. Колір шрифту - білий.

  6. Створити 3-тю комірку-заголовок (комірка 3) шириною 500 пікселів з такими параметрами: колір фону комірки - білий. Колір шрифту - червоний.

  7. Вставити до третьої комірки таблицю (див. зразок), яка займає 90% ширини і 80% висоти цієї комірки з такими параметрами: горизонтальне вирівнювання таблиці в комірці - по правому краю. Ширина зовнішньої рамки таблиці рівна 3, її колір - зелений. Колір фону таблиці - рисунок 3.bmp. Відстань між рамкою комірки та текстом — 5, відстань між границями сусідніх комірок — 10.

  8. Створити перший рядок вкладеної таблиці та задати жовтий колір рамок усіх його комірок.

  9. Створити 1-шу комірку-заголовок (комірка А), яка простягається на три стовпці цієї таблиці, задавши колір шрифту - жовтий.

  10. Створити 2-гу комірку-заголовок (комірка В), задавши колір фону комірки - білий.

  11. Створити другий рядок вкладеної таблиці та задати білий колір рамок усіх його комірок.

  12. Створити 1-шу комірку даних (комірка С) з параметрами: Вертикальне вирівнювання даних комірки – по верхньому краю. Колір фону комірки - жовтий.

  13. Створити 2-гу комірку-заголовок (комірка D) шириною 7% від ширини комірки А з такими параметрами: горизонтальне вирівнювання даних комірки - по центру, вертикальне - по верхньому краю. Колір фону комірки - червоний. Розмір шрифту - 2-й.

  14. Створити 3-тю комірку даних (комірка Е) оформивши її назву як заголовок 4-го рівня вирівняний по правому краю. Параметри: горизонтальне вирівнювання даних комірки - по правому краю, вертикальне – по нижньому краю. Колір фону комірки - жовтий.

  15. Створити другий рядок основної таблиці та задати жовтий колір рамок усіх його комірок.

  16. Створити 1-шу комірку-заголовок (комірка 4), яка простягається на два стовпці та два рядки таблиці оформивши її назву як заголовок 2-го рівня. Параметри: Вертикальне вирівнювання даних комірки - по центру. Фон комірки - рисунок 2.bmp.

  17. Створити 2-гу комірку даних (комірка 5) оформивши її текст як біжучий рядок: Розмір шрифту -5, гарнітура - "Arial", жовтого кольору.

  18. Створити третій рядок основної таблиці та задати червоний колір рамок усіх його комірок.

  19. Створити 1-шу комірку даних (комірка 6) оформивши її назву як заголовок 3-го рівня вирівняний по центру. Параметри: колір фону комірки - зелений.

  20. Створити 2-гу комірку-заголовок (комірка 7) шириною 10 пікселів з параметрами: Горизонтальне вирівнювання даних таблиці - по центру. Колір фону комірки - білий. Розмір шрифту - 1.

  21. Створити гіперпосилання за адресою http://pnk-lutsk.narod.ru.

  22. Створити посилання на текст «лист товаришу» на e-mail за адресою tovarush@ukr.net.