«Основи HTML»
Кучай А.В., Білан С.О.

Практикум: Вставка зображень

Документ, до якого додають зображення, знаходиться у корені сайту. Поряд розташована тека images з графічними файлами.

  1. Виконуючи завдання, переглядайте міні-браузер після кожної зміни в html-коді.
  2. Вставте правильну адресу першого зображення (стрілка вправо). Ім'я файла &minus str_right.jpg
  3. Додайте рисунку атрибут відповідно до тексту за ним.
  4. Ім'я файла з насупним зображенням &minus str_left.jpg. Вставте правильну адресу та розташуйте зображення по правому краю міні-браузера.
  5. Зображення, яке необхідно розташувати по центру, огорніть у тег абзаца з відповідним атрибутом.
  6. Перегляньте, як у міні-браузері виглядає четверте зображення.
  7. До зображення з неправильною адресою додайте альтернативний текст "Тут повинно було бути ще одне зображення".

Відмінити зміни


Питання для самоконтролю:

  1. Як додати зображення на веб-сторінку?
  2. Чи можна зображення використати у якості посилання?
  3. Як зробити зображення-посилання?
  4. Чи варто збільшувати зображення у браузері за домомогою збільшення реальних ширини і висоти?
  5. Чому рекомендується задавати розміри зображень за допмгою стилів?
  6. Для чого використовують атрибут alt?