Як вставити картинку на сайт

Щоб вставити картинку на сайт правильно, її потрібно позначити тегами (або взяти в теги). Для цього використовується тег . Його назва походить від англійського image і позначає - зображення. Оригінальна назва картинки використовується в якості параметра для цього тега, тому що комп`ютер повинен розуміти, яку картинку або фотографію потрібно помістити на сторінці сайту.

Для того щоб картинка з`явилася на сайті в тому місці, де вона повинна знаходитися за вашою задумом, вставляємо в код сторінки наступний рядок:

Щоб було зрозуміло, про що йде мова, знову звернемося до англійського словника: src - це скорочено від слова source, в перекладі - ресурс, джерело. Іншими словами абревіатуру «img src» можна перекласти як «зображення джерело / назва файлу».

Щоб вставити картинку на сайт правильно, і вона відображалася в потрібному ракурсі, необхідно для картинки вказати її розміри. Використовуємо для цього параметри width (ширина картинки) і height (висота картинки), а розміри картинки вказуються в пікселях.

Тоді код для вставки матиме такий вигляд:

Щоб при наведенні курсору на картинку додатково відображався будь-якої текст, наприклад, «Фотографія місця майбутнього будівництва», потрібно задіяти параметр - alt, а сама рядок матиме такий вигляд:

Ця функція може бути корисна, коли для економії трафіку вимкнена функція відображення графіки в інтернет-браузері. У такому випадку при відкритті сайту замість картинки буде відображатися введений текст - Фотографія місця майбутнього будівництва. Якщо користувачеві захочеться подивитися це зображення, то він змушений буде активувати (дозволити) відображення графіки в своєму браузері для вашого сайту.