Перший, переконайтеся, що файл знаходиться в тій же папці, що і HTML. Якщо файл знаходиться в іншій папці, вам потрібно буде вказати відносний шлях від файлу HTML до зображення. Переконайтеся, що тип файлу підтримується браузером (наприклад, підтримувані типи включають PNG, JPEG і GIF).
Є кілька можливих причин, чому ваші зображення не відображаються на ваших сторінках належним чином: Файл зображення знаходиться не в тому місці, яке вказано у вашому тегу IMG. Зображення має іншу назву файлу, указану у вашому тегу IMG. Файл зображення пошкоджений або пошкоджений.
1. Використовуйте правильний відносний шлях: використовуйте відносний шлях до зображення з файлу html. Наприклад, якщо зображення знаходиться в папці із зображеннями, а папка із зображенням знаходиться в тому ж місці, що й файл html, ви повинні написати src="image/Image_name". Не лише src="image_name" 2.
Щоб вставити зображення в HTML з папки, вам знадобиться використовуйте тег <img>. Атрибут src використовується для визначення розташування зображення. Ви можете посилатися на зображення, використовуючи абсолютний або відносний шлях до файлу.
Якщо веб-сторінка відображається без очікуваних зображень, спробуйте ці пропозиції. У програмі Safari на вашому Mac виберіть «Перегляд» > «Перезавантажити сторінку» або натисніть кнопку «Перезавантажити» праворуч від поля «Розумний пошук». Спробуйте інший веб-сайт.
Короткий зміст глави
- Використовуйте елемент HTML <img>, щоб визначити зображення.
- Використовуйте атрибут HTML src, щоб визначити URL-адресу зображення.
- Використовуйте атрибут HTML alt, щоб визначити альтернативний текст для зображення, якщо його не можна відобразити.