Щоб розмістити просте зображення на веб-сторінці, ми використовувати елемент <img>. Це недійсний елемент (це означає, що він не може мати дочірній вміст і не може мати кінцевий тег), для використання якого потрібні два атрибути: src і alt. Атрибут src містить URL-адресу, яка вказує на зображення, яке потрібно вставити на сторінку.
Щоб вставити зображення в HTML з папки, вам знадобиться використовуйте тег <img>. Атрибут src використовується для визначення розташування зображення. Ви можете посилатися на зображення, використовуючи абсолютний або відносний шлях до файлу.
Вставте фотографію, встановивши властивість src> HTML-тегу img> на розташування файлу зображення, наприклад «папка/зображення. jpg." Перевірте, чи дозволений формат зображення (JPEG, PNG тощо). Параметр «alt» можна за бажанням заповнити корисним підписом або залишити порожнім, щоб відобразити зображення.
Зображення як посилання Додавши тег <img> у тег <a> браузер бачить, що зображення має бути доступним для натискання. Ви перетворили зображення на посилання! Якщо ви використовуєте WordPress, ви можете додати цей HTML-код на свою сторінку за допомогою текстового перегляду в редакторі сторінок.
Ти можеш використовуйте властивість float, щоб розташувати зображення та текст поруч, або використовуйте властивість position, щоб розмістити їх у певному місці на сторінці. Цей код змусить зображення плавати вліво з відступом у 10 пікселів між зображенням і текстом, а текст обтікає зображення.