Самостійна робота №1


1. Заголовки ч.1

Заголовок 1 рівня

Заголовок 2 рівня

Заголовок 3 рівня

Заголовок 4 рівня

Заголовок 5 рівня
Заголовок 6 рівня

2. Параграф ч.1

Так виглядає параграф

Це теж параграф

І це параграф


3. Посилання ч.1

Так виглядає посилання

4. Зображення ч.1


5. Кнопки


6. Списки ч.1

Невпорядкований список

Впорядкований список

    Список продуктів

  1. Хліб
  2. Масло
  3. Сіль

7. Атрибути

7.1. Атрибут href

Посилання

7.2. Атрибут src


7.3. Атрибут width та height


7.4. Атрибут alt

Зображення не знайдено

7.5. Атрибут style

Червоний

Рожевий

Синій


7.6. Атрибут title

Наведіть курсор на текст


7.7. Атрибут title

Наведіть курсор на текст



8. Заголовки ч.2

Великий заголовок з атрибутом style

Цей текст знаходиться між горизонтальними роздільниками


9. Параграф ч.2

Нижче наведено декілька прикладів параграфів

Це один параграф

Це теж один параграф

І це один параграф

Цей параграф
містить
розриви

Цей текст зберігає
оригінальний формат
тексту

додаючи до нього
моноширне форматування

10. Посилання ч.2

Приклад посилання
Приклад локального посилання
Відкрити у новому вікні
Відкрити у цьому вікні

Посилання у формі зображення:

Зображення не знайдено

11. Посилання ч.3

Закладки

Цей текст містить закладку


Перейти до закладки
Це посилання теж дозволить перейти до закладки

12. Зображення ч.2

Форматування зображення за допомогою атрибутів width та height


Форматування зображення за допомогою атрибуту style


Посилання на зображення з інтернету


Зображення з розширенням gif


Плаваюче зображення

зображення ліворуч






зображення праворуч







13. Зображення ч.3

Карта зображення

Зображення містить посилання з формою прямокутника в області телефона, кола в області чашки та багатокутника в області калькулятора


14. Фонове зображення


Зображення знаходиться на фоні



15. Зображення ч.4


Зображення змінюється, залежно від розміру вікна



16. Таблиці

Графік роботи
Понеділок Вівторок Середа Четвер П'ятниця Субота Неділя
10-18 12-16 Вихідний
Графік роботи
Понеділок 10-18
Вівторок
Середа
Четвер
П'ятниця
Вівторок 12-16
Вихідний 12-16

17. Списки ч.2

Невпорядковані списки

Впорядковані списки

    Список продуктів

  1. Хліб
  2. Масло
  3. Сіль

    Список продуктів

  1. Хліб
  2. Масло
  3. Сіль

    Список продуктів

  1. Хліб
  2. Масло
  3. Сіль

    Список продуктів

  1. Хліб
  2. Масло
  3. Сіль

    Список продуктів

  1. Хліб
  2. Масло
  3. Сіль

Списки опису

Перші страви
Борщ
Суп
Курячий бульйон
Другі страви
Паста
Стейк
Картопля Фрі

Вкладені списки

Впорядкований список з обраним відліком

    Список продуктів

  1. Хліб
  2. Масло
  3. Сіль

18. Форми

Звичайна текстова форма

Форма надсилання повідомлення Напишіть ваше повідомлення:

Радіо кнопка

Форма вибору кольора Червоний
Синій

Випадаючий список

Форма вибору кольору Оберіть ваш колір:

Випадаючий список з обмеженою кількістю видимих значень та багатокількісним вибором

Форма вибору кольору Оберіть ваш колір:

Багаторядкове поле вводу

Форма написання повідомлення Напишіть ваше повідомлення:

Datalist

Форма вибору кольора Напишіть ваш колір:

Тип введення – Текст

Форма для вводу повідомлення Напишіть ваше повідомлення:

Тип введення – Пароль

Форма для вводу пароля Напишіть ваш пароль:

Тип введення – Прапорець

Форма для вибору кольорів Оберіть ваші кольори:
червоний
синій

Тип введення – Колір

Форма для вибору кольору Оберіть ваш колір:

Тип введення – Дата

Форма для вибору дати Оберіть вашу дату:

Тип введення – Дата та час

Форма для вибору дати та часу Оберіть вашу дату та час:

Тип введення – Email

Форма для email Впишіть ваш email:

Тип введення – Файл

Форма для файлу Додайте ваш файл:

Тип введення – Місяць

Форма для вибору місяця Оберіть ваш місяць:

Тип введення – Число

Форма для введення числа Введіть ваше число:

Тип введення – Діапазон

Форма для введення числа Введіть ваше число:

Тип введення – Пошук

Форма для введення запиту Введіть ваш запит:

Тип введення – Телефон

Форма для введення телефону Введіть ваш телефон:

Тип введення – Час

Форма для вибору часу Оберіть ваш час:

Тип введення – Веб-адреса

Форма для введення веб-адреси Впишіть вашу веб-адресу:

Тип введення – Тиждень

Форма для вибору тижня Оберіть ваш тиждень:

Поле тільки для читання

Вимкнене поле

Широке поле

Обмежене за кількістю символів поле