Як вставити картинку в html? Докладна інструкція

Ми розповімо вам про те, що таке html і як вставити картинку в html. Отже, для того щоб пояснити, що це таке, ми повинні сказати, що, відвідуючи Інтернет-ресурси, ви постійно спостерігаєте результат його роботи, адже всі сторінки, сайти складаються з елементів, створених саме за допомогою html.

Що ж це таке? Скорочена назва html розшифровується як HyperText Markup Language - мова розмітки гіпертексту. Цей мова дозволяє виконувати переходи від одного шматка тексту до іншого, причому ці шматки можуть зберігатися як на одному комп`ютері, так і на різних, що знаходяться хоч по різні боки планети. За допомогою кодування вдається впорядкувати розміщення текстів, зображень, відеофайлів, таблиць, і ми бачимо правильно розташовані, легко Популярні і читані сторінки Інтернету.

HTML не відноситься до мов програмування, адже створений він тільки для розмітки сторінок мережі інтернет. Саме він дає спеціальну команду нашим браузерам, які виводять на екран те, що передано в інформації коду. Інтернет браузери різних компаній можуть по-різному розпізнавати дані html-коду. При створенні сторінок слід переглядати свою роботу в більш популярних браузерах, таких як Mozilla, IE і Опера.

Складовими частинами коду є так звані теги. Вони складаються з назв, які несуть в собі певне значення (колір, ширину, висоту, певний шрифт, розташування і т.д.). Це відноситься як до тексту, так і до доданому до нього відео-, аудіофайлів або зображень.

Як вставити картинку в html -такий питання може зацікавити багатьох людей, початківців вивчення цієї мови розмітки для роботи на сайті. Ми докладно розповімо про те, як правильно це зробити.

Щоб вставити картинку в html, нам знадобляться декілька важливих тегів і посилання на необхідну картинку.

HTML-код дозволяє використання файлів зображення таких типів, як JPEG, GIF, PNG. Хочемо зазначити, що елемент IMG - зображення не має закривається тега.

Як же виглядає стандартний HTML-код для додавання зображення в текст?

Ось так:

Розшифруємо дані цього коду. Як ви вже знаєте img - це позначення зображення. За ним слідує обов`язковий параметр src - це елемент, який вказує на адреса, URL додається зображення. Зауважте, що посилання на зображення розміщується строго в рамках лапок, потім наступне місце для назви зображення. Його ви можете придумати самостійно, якщо воно не вказано автором. Завершує html вставки зображення закривається тег -, який закриває код.

Ось так фахівці, що створюють інтернет- сторінки, вирішили питання, як вставити картинку в html. Щоб доповнити набуті у цій галузі знання, ми познайомимо вас ще з деякими елементами html-коду, які можуть стати в нагоді вам в процесі додавання картинки.

Для того щоб ваше зображення займало певне місце на веб сторінці, варто вказати його розташування. Для цього нам знадобиться елемент ALIGN, до якого доведеться додати щось з цих варіантів - left, right, center (ліворуч, праворуч, в центрі) та інших. Це вже буде зроблено на ваш розсуд.

А якщо нам необхідно розмістити зображення в таблиці, як використовувати html? Як вставити картинку в таблицю?

Це буде виглядати так:

Тут варто описати незнайомі для вас теги.

TABLE - означає таблицю, яка, як бачите, на початку відкривається а в кінці має закривається тег. - Це місце для рядка таблиці, а - осередок нашої таблиці. Їх може бути будь-яка кількість. Ці два тега також можуть бути закриваються. Посилання в даний момент є елементом, що знаходяться в комірці таблиці.

BORDER - це параметр ширини рамки, яка позначається в пікселях.

Тепер ви знаєте не тільки секрет того, як вставити картинку в html, але і як за допомогою елементів цієї мови розмістити вибране вами зображення в таблицю - рамку.