Лабораторна робота №7

Хід роботи:

При виконанні лабораторної роботи, для пошуку необхідних тегів та параметрів рекомендовано користуватись сайтом http://htmlbook.ru/.

1. Використовуючи контейнер <TABLE> створіть таблицю за наведеним прикладом та збережіть документ під назвою prizvyshe_tabl.html. Зверху над таблицею розмістіть заголовок, наприклад, Моя перша таблиця.

   

   Увага! Рамка таблиці повинна бути зеленого кольору, а фон таблиці – жовтого.

2. Створіть таблицю за наступним прикладом.

   

   В центральній комірці помістіть символ «|», всі інші комірки повинні бути порожніми. Для відображення порожніх комірок в них необхідно розмістити символьний пробіл &nbsp.

   Увага! Таблиця повинна повністю відповідати прикладу. Всі комірки повинні бути пропорційні.

3. У цьому ж документі створіть копію другої таблиці та введіть для неї заголовок "Модифікована друга таблиця". Далі модифікуйте її наступним чином:

   

   • В центральній комірці розташуйте довільний малюнок таким чином, щоб розміри комірок не змінились.
   • Використовуючи необхідні параметри контейнеру <TD> об’єднайте комірки як показано на малюнку.
   • Розфарбуйте отримані комірки в різні кольори.
4. Створіть новий HTML-документ – prizvyshe_rozkl.html, що містить розклад Ваших занять на весь семестр. Документ повинен починатись заголовком: Розклад занять на 3 семестр 2013-2014 н.р. та мати наступний вигляд.

   

   Продивіться створений документ в браузері при різних розмірах вікна та розмірах шрифту.
5. Створіть файл з розкладом під назвою prizvyshe_rozkl_menu.html. В ньому після заголовку Розклад створіть таблицю, що складається з одного рядка з назвами днів тижня. В документі з розкладом prizvyshe_rozkl.html встановіть закладки (якорі) на назвах днів тижня. Далі в документі prizvyshe_rozkl_menu.html меню створіть гіперпосилання на відповідні дні тижня.
6. Створіть групу web-сторінок, об’єднаних меню:
   Створіть папку Rozklad. Розмістіть розклад на кожен день тижня в окремий файл, наприклад Pon.html, Viv.html, Ser.html и т.д. Створіть файл меню з назвами днів, наприклад, rozklad.html (за його основу можна взяти файл prizvyshe_rozkl_menu.html). Та розмістіть всі файли в створеній папці. Створіть в файлі rozklad.html гіперпосилання на відповідні файли з розкладом. В кінці кожного файлу з розкладом на день створіть посилання для повернення в головний документ з назвами днів. Оформіть кожен файл з розкладом таким чином, щоб він відрізнявся від всіх інших. І мав естетичний вигляд.

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

1. Атрибут якого тега визначає колір рамки таблиці?
2. Для чого використовується символьний пробіл &nbsp?
3. Наведіть декілька прикладів використання на практиці символьного пробілу.
4. Поясніть для чого використовуються атрибути cellpadding і cellspacing. Чи є між ними різниця?
5. Для чого використовується атрибут rowspan і до якого тегу він застосовується?