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

Зображення в html.

Заходячи на сучасні сайти,ми рідко коли можемо зустріти сайт який обходиться хоча би без одного зображення.HTML надає нам можливість вставляти зображення у будь-якому місці вашого сайту.

Для вставки зображень використовується тег <img>.У цього тега є єдиний параметр – src,який вказує шлях до зображення.

Приклад синтаксису :
<img src="url">

Url – адреса зображення яке потрібно вставити у веб сторінку.

Приклад застосування:
<img src="img.jpg"> 

У вищенаведеному прикладі використовується картинка яка знаходиться у одній папці з веб сторінкою.

Для вставки картинки яка знаходиться на інших сайтах потрібно вказати url адресу.
Для цього ПКМ натисніть на потрібне зображення та ЛКМ виберіть пункт “Копіювати URL-адресу зображення”.

IMG,як і більшість тегів html,має атрибути задання параметрів:

Атрибут align призначений для вирівнювання зображення.
Атрибути width та height – задають ширину ти висоту.
Border – рамка для зображення.
Атрибут Alt – вивід певного тексту при наведенні на фото.
Атрибути hspace та vspace – горизонтальний та вертикальний відступи від зображення до контенту.

Минулий урок

Наступний урок



Напишіть відгук



Go to Top