Web-Programming.in.ua

Зображення в HTML

Привіт, в цій статті ми навчимось додавати зображення в на веб-сторінку.

Основний синтаксис:

<img src="шлях/до/зображення.jpg" атрибути>

Отже, ми використали не парний тег "img", і обов`язковий атрибут "src" з адресою зображення.

Також часто використовують атрибути: "alt", "title", "width", "height", і т.д.

"alt" - альтернативний текст для зображення, тобто текст, який буде показуватись, якщо картинка не може бути завантажена.

"title" - текст, який буде показано, при наведенні вказівника миші на картинку.

"width" - довжина зображення.

"height" - висота зображення.

Приклад:

<p>
  <img src="http://php.net/images/logo.php" width="90px" alt="Логотип PHP" titile="PHP">
</p>

Детальний опис тегу Ви можете знайти на сторінці http://htmlbook.ru/html/img


Приклад виконаного можна переглянути нижче

або за посиланням: http://examples.web-programming.in.ua/images_in_html/index.html

Тільки авторизовані користувачі можуть додавати коментарі.

Нагору