Практикум: Вставка зображень
Документ, до якого додають зображення, знаходиться у корені сайту. Поряд розташована тека images
з графічними файлами.
- Виконуючи завдання, переглядайте міні-браузер після кожної зміни в html-коді.
- Вставте правильну адресу першого зображення (стрілка вправо). Ім'я файла &minus
str_right.jpg
- Додайте рисунку атрибут відповідно до тексту за ним.
- Ім'я файла з насупним зображенням &minus
str_left.jpg
. Вставте правильну адресу та розташуйте зображення по правому краю міні-браузера.
- Зображення, яке необхідно розташувати по центру, огорніть у тег абзаца з відповідним атрибутом.
- Перегляньте, як у міні-браузері виглядає четверте зображення.
- До зображення з неправильною адресою додайте альтернативний текст
"Тут повинно було бути ще одне зображення"
.
Відмінити зміни
Питання для самоконтролю:
- Як додати зображення на веб-сторінку?
- Чи можна зображення використати у якості посилання?
- Як зробити зображення-посилання?
- Чи варто збільшувати зображення у браузері за домомогою збільшення реальних ширини і висоти?
- Чому рекомендується задавати розміри зображень за допмгою стилів?
- Для чого використовують атрибут
alt
?