Хід роботи

1. Створіть документ tab.html. Основна частина документа повинна бути організована як таблиця, що складається з 2 колонок. У лівій колонці розташовуються посилання, що служать для зв'язку документа з іншими сторінками сайту, а в правій колонці - основний зміст.

2. Ширину лівої колонки виберіть у межах 150-200 пікселів, ширину всієї таблиці - 90-100% від ширини вікна браузера.

3. Відключіть обрамлення таблиці.

4. У праву колонку додайте вкладену таблицю, що складається з рядка заголовка і трьох стовпців з даними. Стовпчики таблиці повинні мати обрамлення шириною 1 піксель.

5. Зробіть табличку з двох рядків і трьох колонок шириною 50%, центровану по ширині сторінки.

6. Змініть колір комірок щодо кольору фону.

7. Зробіть так, щоб відстань між комірками була помітною (наприклад, 10 пікселів).

8. В одній з комірок або окремо напишіть за допомогою спецсимволів будь-який тег.

9. Створіть документ HTML, що містить форму для заповнення замовлення на товар. Замовлення повинно бути відправлено по електронній пошті. Форма передбачає поле введення номера банківського рахунку, поле введення особистого номера користувача (цей номер слід захистити від "підглядання" при введенні), список вибору товарів, поле введення довільного коментаря користувача. Передбачте також можливість скидання введених у форму даних

10. Розділіть сторінку на три фрейми і введіть текст у кожен фрейм.

11. В один з фреймів внесіть посилання, за якими в іншому фреймі буде змінюватися текст.

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

1. Для чого використовуються таблиці в HTML?

2. Яким тегом задається таблиця?

3. Які теги використовуються для рядків і стовпців?

4. Чи можна в таблиці убрати рамку?

5. Як можна форматувати таблицю?

6. Яв вирівнюється таблиця за замовчуванням?

7. Який тег в таблиці дозволяє центрувати текст і робити його "жирним"?

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

9. Що таке форма в HTML?

10. Для чого використовуються форми?

11. Який тег задає форму?

12. Які опції можуть використовуватись в формах?

13. Що таке фрейм в HTML?

14. Для чого використовуються фрейми?

11. Який тег задає фрейм?

12. Які опції можуть використовуватись в фреймах?

13. Як можна змінювати розміри фреймів?

14. Чи можна блокувати зміну розмірів фреймів?

15. Коли з‘являється смуга прокрутки?

16. Як проглянути інформацію, яка не вміщається на екран?

17. Чи можна одночасно завантажувати два фрейми?

18. Який параметр використовується для завантаження документу у вказаний фрейм?

19. Як завантажити документ у нове вікно?

20. Як прибрати рамки між фреймами?

21. Які параметри може мати рамка між фреймами?

22. Що дозволяє плаваючий фрейм?