Мова розмітки. Вставляння малюнків

 Вставляння малюнків

Щоб вставити малюнок на вебсторінку, необхідно скористатися тегом <img src = "my.jpg">, де img — ім’я тегу, призначеного для вставляння зображення, src = "my.jpg" — атрибут, в якому вказується ім’я файлу з малюнком.

 

В атрибуті можна використовувати імена графічних файлів із розширеннями .jpg, .jpеg, .gif, .png або .bmp. Якщо малюнок і HTML-файл містяться в різних папках, то, крім імені файлу, потрібно зазначати шлях до нього.

Приклад:

Якщо малюнок міститься у вкладеній папці images:
<img src = "images/my.jpg">
Якщо малюнок міститься у зовнішній папці images:
<img src = "../images/my.jpg">

Для визначення способу розташування малюнка на вебсторінці використовують окремі атрибути тегу.

Опишемо малюнки і пояснимо HTML-коди:

• малюнок з лівого краю, обтікання текстом праворуч:
  <img src = "pr1.png" align = "left">
• 
  
• відстань між текстом і малюнком по вертикалі 10 пікселів, по горизонталі — 30 пікселів:
  <img src = "pr1.png" vspace = "10" hspace = "30">
• опис малюнка:
  <img src = "pr1.png" alt = "Моє фото">
  Примітка. Якщо навести вказівник на малюнок, з’явиться текст — Моє фото. Крім того, значення параметра alt буде виведене на екран замість малюнка, якщо у браузері вимкнуто показ малюнків.
• ширина малюнка 100 пікселів, висота — 20 % від висоти робочої області браузера:
  <img src = "pr1.png" width = "100" height = "20%">
•  товщина рамки навколо малюнка 5 пікселів:
  <img src = "pr1.png" border = "5">