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


 

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



Інструкція

  1. Для початку виберіть картинку, яку ви хотіли б вставити на сторінку. Переконайтеся, що вона не захищена авторським правом, і у вас не виникне проблем через те, що ви використовуєте її на своєму сайті. Ні в якому разі не можна прибирати копірайт автора. Краще спиш з ним і попросіть дозвіл на використання зображення.
  2. Завантажте картинку на сервер, де розміщено ваш сайт, або на будь-який фотобанк (наприклад, radikal.ru). Скопіюйте адресу картинки і збережіть в текстовому документі.
  3. Основний тег, за допомогою якого картинки відображаються на сайті — це , де замість зірочок ви повинні вкласти адресу картинки. Якщо ви пропишіть тег таким чином, картинка на вашому сайті буде відображатися в оригінальному розмірі і з фіолетовою рамкою навколо.
  4. Якщо ви хочете прибрати рамку, то тег повинен виглядати наступним чином: . Якщо ж ви, навпаки, хотіли б, щоб навколо зображення була рамка, замість нуля вкажіть бажаний розмір в пікселях. А за допомогою атрибута bordercolor ви можете задати потрібний колір рамки. Приміром, картинка з тегом матиме чорну рамку в чотири пікселя.
        
  5. За допомогою прописаного атрибута ви можете змінити розміри картинки. Для цього проставте в тег значення параметрів width і height, що означають ширину і висоту малюнка відповідно. Необхідні вам значення повинні бути вказані в пікселях і взяті в лапки.
  6. Для того щоб малюнок вдало вписався в структуру сайту, його потрібно правильно розмістити. У цьому вам допоможуть атрибут align, вписаний в тег. Він може приймати різні значення: left, right і center. Перший варіант означає, що малюнок буде розміщено на сторінці зліва, другий — праворуч, третій же дозволить розмістити картинку в центрі сторінки. Ці значення також необхідно брати в лапки.
  7. Після того, як ви повністю прописали тег малюнка, вставте його в структуру вашого сайту і збережіть зміни. Якщо ви все зробили правильно, картинка з’явиться у вас на сторінці.