Основният проблем, свързан с HTML добавянето на изображения от отдалечени източници, е, че това може да доведе до бавно време за зареждане на страницата. Това е така, защото браузърът трябва да направи отделна заявка за всяко изображение, което може да се натрупа бързо, ако има няколко изображения на страницата. Освен това, ако отдалеченият източник не работи или има бавна връзка, това може допълнително да забави времето за зареждане на страницата. И накрая, съществува и повишен риск от уязвимости в сигурността, тъй като изображенията се изтеглят от външен източник.
<img src="https://example.com/image.jpg" alt="Example Image">
1. Този ред код е HTML етикет за изображение, който се използва за показване на изображение на уеб страница.
2. Атрибутът “src” указва URL адреса на изображението, което да се показва, в този случай това е “https://example.com/image.jpg”.
3. Атрибутът „alt“ предоставя алтернативен текст за изображението, в този случай това е „Примерно изображение“.
img src атрибут
Атрибутът img src в HTML се използва за указване на източника на изображение. Използва се в рамките на етикет за определяне на източника на изображение. Стойността на този атрибут трябва да бъде валиден URL адрес, сочещ към файл с изображение. Този атрибут е задължителен за всички изображения на уеб страница и позволява на браузъра да намери и покаже изображението.
Как да добавя външно изображение в HTML
Добавянето на външно изображение в HTML е доста лесно. Всичко, което трябва да направите, е да използвате етикет и посочете източника на изображението, като използвате атрибута src. Синтаксисът за добавяне на външно изображение в HTML изглежда така:
Където „image_url“ е връзка към файла с изображение, а „алтернативен текст“ е описание на това, което има в изображението (за целите на достъпността).
Например, ако искате да добавите външно изображение от уебсайта си, наречено my-image.jpg, кодът ви ще изглежда така:
