Щоб вставити зображення в HTML з папки, вам знадобиться використовуйте тег <img>. Атрибут src використовується для визначення розташування зображення. Ви можете посилатися на зображення, використовуючи абсолютний або відносний шлях до файлу.
Клацніть правою кнопкою миші на зображенні, URL якого потрібно отримати. Натисніть «Перевірити», щоб відкрити вікно «Інструменти розробника». У новому вікні, що відкриється, знайдіть HTML-код, який представляє зображення. Ви маєте побачити URL-адресу зображення в коді, ймовірно, у тезі «img src».
Завантажте файл зображення до папки в каталозі public_html сайту за допомогою файлового менеджера, наданого веб-хостингом або WordPress Media. Перейдіть до файлу HTML, куди потрібно вставити зображення, і додайте тег img. Додайте атрибут img src, щоб визначити джерело зображення.
Приклад джерела
- <audio controls>
- <source src="horse.ogg" type="audio/ogg">
- <source src="horse.mp3" type="audio/mpeg">
- </audio>
Як вставити зображення з Google Drive на свій веб-сайт
- Крок 1. Завантажте зображення на Google Drive. …
- Крок 2. Отримайте посилання на зображення. …
- Крок 3: Скопіюйте посилання на зображення. …
- Крок 4. Відкрийте сторінку вставки Google Drive. …
- Крок 5: Вставте посилання на зображення. …
- Крок 6: Створіть код для вбудовування. …
- Крок 7: Вставте зображення на свій сайт. …
- Крок 8: Збережіть і перегляньте.