Ізюмський ліцей № 12
Ізюмської міської ради

Поняття про мову розмічання гіпертекстового документа.

Презентація уроку

Презентація у відео-форматі

Практична робота 9

Увага! Під час роботи з комп’ютером дотримуйтеся правил безпеки і санітарно-гігієнічних норм.


Вправа 1. Вставляння зображень до веб­сторінки.

Створіть html-документ за зразком

для цього виконайте такі дії:

  1. Створіть документ з розширенням файлу html
  2. Заповніть документ текстом як на зразку та мовою html зробіть його схожим (Щоб побачити результат відкрийте цей же документ у браузері)
  3. Додайте малюнок Rafting.jpg.
  4. Уведіть текст, який має з’являтися на екрані, якщо при перегляді файла браузером графічний файл не знайдено.
  5. Змініть тип вирівнювання малюнка.
  6. Задайте заголовок так, щоб він розташовувався праворуч від малюнка.
  7. Змініть шрифт тексту в списку.

Вправа 3. Використання списків і таблиць.

Завдання. Створіть HTML-документ, який у браузері матиме такий вигляд.

Закрийте всі відкриті вікна.

Збережи html-документ з іменем ВАШЕ ПРІЗВИЩЕ ТА ІМ’Я та завантаж за посиланням


Можно воспользоваться справочником html5css.ru/tags/default.php

Для упрощения работы с html можно скачать удобный текстовый редактор CudaText