Изображения HTML Ръководство Web

Ако вмъкнем само текст в нашите уеб страници, те ще бъдат много прости и не много ясни. Ето защо в HTML имаме възможност за вмъкване на изображения.

html

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

Използването на изображения в рамките на уеб страница трябва да се извършва с повишено внимание, тъй като всяко изображение, което поставяме на нашия уебсайт, ще увеличи размера (теглото) на страницата. Следователно времето за изтегляне на страницата ще бъде засегнато.

Вмъкване на изображение: Елементът img

За да вмъкнем изображение в HTML, имаме елемента img, чийто основен синтаксис е:

Както виждаме, елементът img е прост елемент, така че няма затварящ елемент и завършва с обратна наклонена черта.

Основният атрибут на img елемента е src указва пътя на изображението, което искаме да заредим. По този начин, ако изображението е по същия път като нашия уебсайт, ще поставим:

Дори изображението може да се намира на друг сървър. В този случай URL адресът, който съдържа изображението, трябва да посочва протокола и сървъра, който хоства изображението. Например можем да имаме следния код: