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

1. Скористайтеся існуючим сайтом . Додайте до нього ще одну сторінку Анкета.

2. Створіть сторінку Анкета.htm. Ведений текст на сторінці не форматуйте, тільки зробіть заголовок №1 та курсив де потрібно.

3. Для введення Імені додайте Поле введення з текстом-підказкою у рядку ФИО.

4. Додайте Поле для введення особистого поролю , який буде складатися з 5 символів.

5. Розташуйте Список перемикачів з 2 елементів для опису статі.

6. Для ознаки діяльності створіть Список варіантів з 5 елементів, розташованих по різному. З обраним за умовчанням елементом Студент..

7. Створіть Відкриваючий список з 5 елементів (наприклад, науково-познавальна, фантастика, фентезі, пртгоди, історічні), 3 елемента з яких є видимими. Останній елемент (історічні) оберіть за умовчанням. Передбачти многоваріантний вибір.

8. Розташуйте Текстове поле з 5 рядків та 40 символів вздовжки, з вспливаючою підказкою Смелее! .

9. У кінці сторінки додайте дві кнопки. Першу Кнопку відміни з підписом Отмена, другу Кнопку Подачи з підписом Готово.

10. Додайте гіперпосилання на якусь адресу.

11. Відформатуйте цю сторінку, застосувавши внутрішню таблицю стилів, яка зробить курсив на всієї сторінки – бузкового кольору, заголовки №1 зробить шрифтом Arial, розміром 12pt, червоного кольору.

12. Додайте вбудований стиль у тег курсива для визначення статі, як напівжирний.

13. Для всього сайту зробіть зовнішню таблицю стилів з іменем mystyle.css, яка для всього кода встановить колір тла – сірий, шрифти обиратиме Times New Roman або Serif, кольор символів – бордовий, відступи текста верхнє та нижнє було по 20, ліве та праве – по 10, також передбачити, щоб колір гіперпосилання до використання та після був відповідно червоним та зеленим.

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

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

2. З дпопомогою яких тегів створюються форми?

3. Чим відрізняються ведення різних варіантів Кнопки?

4. Як ввести пороль?

5. У чому різниця між описом елементів списка перемикачів та списка варіантів?

6. У списку, що розгартається, як обрати декілько варіантів?

7. Як у списках встановити значення за умовчанням?

8. Яке призначення таблиці стилів?

9. Які є способи взаємодії таблиці стилів і html-файлу?

10. З чого складається таблиця стилів?

11. Які одиниці вимірювання застосовують у мові CSS?

12. Для чого групують властивості?

13. Що таке успадковування властивостей?

14. Яке призначення тега DIV?

15. Яке призначення тега SPAN?