Підхід
- Створіть div з контейнером класу.
- Створіть ще два div всередині першого div, один для головного перегляду, а інший для бічного перегляду за допомогою класів main_view і side_view.
- У головному вікні вставте один тег зображення з ідентифікатором main.
Щоб відобразити зображення, використовуйте тег <img> з атрибутом src як ви використовуєте атрибут href у тезі <a>. Важливо вказати ширину та висоту зображення наперед, щоб уникнути проблем із макетом і візуального ефекту стрибків. Імітуйте повільне підключення до Інтернету за допомогою інструментів розробника Chrome.
Щоб розмістити просте зображення на веб-сторінці, ми використовуємо елемент <img>. Це недійсний елемент (це означає, що він не може мати дочірній вміст і не може мати кінцевий тег), для використання якого потрібні два атрибути: src і alt. Атрибут src містить URL-адресу, яка вказує на зображення, яке потрібно вставити на сторінку.
Теги <img> і <a> разом є найпоширенішим способом додавання посилання на зображення, яке можна натиснути, у HTML. На веб-сторінці після додавання зображення за допомогою тегу <img> зробіть його доступним для натискання, додавши разом із ним тег <a>.
Синтаксис зображень HTML HTML-тег <img> використовується для вставлення зображення на веб-сторінку. Зображення технічно не вставляються на веб-сторінку; зображення пов’язані з веб-сторінками. Тег <img> створює простір для зберігання зображення, на яке посилається. Тег <img> порожній, містить лише атрибути та не має закриваючого тегу.