ЯК додати малюнок на сайт

Будь сайт нудний без графіки. Зображення допомагають зробити вашу сторінку більш красивою і інформативною, та й чималу частину інформації простіше донести до читача за допомогою наочних малюнків. Вставити картинку на сайт дуже легко.

Інструкція

Для початку виберіть картинку, яку ви хотіли б вставити на сторінку. Переконайтеся, що вона не захищена авторським правом, і у вас не виникне проблем через те, що ви використовуєте її на своєму сайті. Ні в якому разі не можна прибирати копірайт автора. Краще спиш з ним і попросіть дозвіл на використання зображення.

Завантажте картинку на сервер, де розміщений ваш сайт, або на будь фотобанк (наприклад, radikal.ru). Скопіюйте адресу картинки і збережіть у текстовому документі.

Основний тег, за допомогою якого картинки відображаються на сайті - це

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

Якщо ви хочете прибрати рамку, то тег повинен виглядати наступним чином:

. Якщо ж ви, навпаки, хотіли б, щоб навколо зображення була рамка, замість нуля вкажіть бажаний розмір в пікселях. А за допомогою атрибуту bordercolor ви можете задати потрібний колір рамки. Наприклад, картинка з тегом

матиме чорну рамку в чотири пікселя.

За допомогою прописаного атрибута ви можете змінити розміри картинки. Для цього проставте в тег значення параметрів width і height, що означають ширину і висоту малюнка відповідно. Необхідні вам значення повинні бути вказані в пікселях і взяті в лапки.

Для того щоб рисунок вдало вписався в структуру сайту, його потрібно правильно розмістити. У цьому вам допоможуть атрибут align, вписаний в тег. Він може приймати різні значення: left, right і center. Перший варіант означає, що малюнок буде розміщений на сторінці зліва, другий - праворуч, третій же дозволить розмістити картинку в центрі сторінки. Ці значення також необхідно брати в лапки.

Після того, як ви повністю прописали тег малюнка, вставте його в структуру вашого сайту і збережіть зміни. Якщо ви все зробили правильно, картинка з'явиться у вас на сторінці.