Добавянето на снимки към страниците на уебсайта ви често може да ги направи по-приятни за окото и да предадат информация по-добре, отколкото само текст. Този процес се осъществява чрез използване на HTML код и файл с изображение. Файлът може да бъде от друга уеб страница или да се съхранява на уеб сървър.

Използвайки свободен край

В HTML кода за уеб страница можете да добавите изображение, като използвате маркер. В трябва да посочите четири атрибута:

• Src - Атрибутът източник показва местоположението на изображението. Можете да използвате относителен път, ако изображението е на същия сървър като вашия сайт, но изображенията от друг сайт изискват абсолютни пътеки.
• Alt - Атрибутът за алтернативен текст е писмено описание на изображението.
• Ширина - Ширината на изображението.
• Височина - Височината на изображението.

Незадължителен атрибут е Border, който ви позволява да зададете граница около изображението. Атрибутът border е определен в размер на пиксела. Например, използвайки border = 1 в полето означава, че рамката около изображението ще бъде с ширина 1 пиксел.

Забележка: Атрибутът Border е отхвърлен в HTML5 и не се поддържа.

Примери

Следните примери показват действителния HTML код, използван за добавяне на изображението в горната част на тази страница. Те могат да бъдат поставени навсякъде в тялото на страницата ви. Първият има по-кратък URL адрес, защото изображението се съхранява на нашия сървър; второто е как ще се свържете с нашия образ.

Пример едно

Пример 2

Какви графични формати мога да използвам на уеб страница?

Най-често използваните формати за изображения, снимки, лога и други изображения са JPEG, GIF и PNG. Други формати на изображения, които не се поддържат широко, като BMP, може да не работят във всички браузъри.

Трябва ли кавички около атрибути в img тагове?

Да. Въпреки че днешните браузъри обикновено могат да поправят всякакви грешки с липсващи кавички около стойност на атрибут, винаги трябва да има кавички около стойност на атрибут, за да се предотвратят грешки.