Изображенията могат да подобрят външния вид на уеб страница, като разбият текста и добавят визуален интерес. Изображенията, които се виждат на уеб страница, всъщност са връзки към вътрешно или отдалечено изображение. С други думи, изображенията са друг файл, или на същия сървър като уеб страницата, или на отдалечен сървър. За да поставите изображение в уеб страница, трябва да кажете на браузъра къде да го търсите. Тази информация се поставя в"таг с атрибута" src ".
Създаване на изображението
Ако изображението ви се съхранява на уеб сървъра, който хоства вашата уеб страница, можете просто да поставите името на изображението в маркера като: Ако обаче изображението ви се намира на отдалечен сървър, трябва да поставите връзка към изображението в етикетът като:
Независимо дали използвате локално или отдалечено изображение, има някои атрибути, които можете да използвате, за да подравните изображението си на страницата. Атрибутът "align" се използва за подравняване на изображението хоризонтално. Стойностите могат да бъдат „вдясно“, „вляво“ или в центъра. Например, за да поставите отдалечено изображение от дясната страна на страницата, HTML кодът ще бъде:
Атрибутът "valign" се използва за вертикално подравняване на изображението на екрана. Стойностите могат да бъдат „отгоре“, „отдолу“ и „в центъра“. За да подравните горния пример в горната дясна част на екрана, кодът ще бъде:
Друг атрибут е атрибутът "alt". Това се използва за поставяне на текст там, където трябва да бъде изображението, ако посетителят използва текстово базиран уеб браузър или ако връзката към изображението е прекъсната. Атрибутът "alt" се използва по следния начин:
И накрая, можете да накарате вашето изображение да стане хипервръзка, като добавите тага "". Това позволява на посетителите да кликнат върху изображението, което ще бъде отнесено към отдалечена страница или към самата снимка. HTML кодът за създаване на изображение с хипервръзка е:
