Як поставити свою картинку на сайті

Відео: додати картинку на веб-сторінку

Содержание

Відео: додати картинку на веб-сторінку
Інструкція
Корисна порада

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

Вам знадобиться

Знання основ HTML мови і один з його редакторів.

Інструкція

Для цього вам знадобляться знання основ HTML мови і один з його редакторів. Потрібен буде доступ до сервера, де розташований ваш сайт.
Перед тим, як вносити зміни на сторінці, ви повинні підготувати ваше зображення. Воно повинно бути оптимізовано і збережено в одному з трьох форматів: JPEG, GIF або PNG.

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

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

картинку на сайті"Class =" lightbx "data-lightbox =" article-image "gt; Як поставити свою & lt; b & gt; картинку & lt; / b & gt; на & lt; strong & gt; сайті & lt; / strong & gt;

Потрібно пам`ятати, що для розміщення зображень на сайт застосовується тег «». У нього є атрибут «src», який вказує шлях до графічного файлу. Також для цього тега потрібно буде вказати атрибут «alt». Він пропише альтернативний текст, який користувач побачить при завантаженні сторінки, якщо у нього відключені зображення в браузері. Обов`язково перевірте правильність шляху до графічного файлу, інакше картинка на сайті не з`явиться.

Збережіть зміни. Відкрийте вашу сторінку в браузері. Якщо ви все зробили правильно, то побачите розміщене зображення на сторінці.