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

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

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

 

Інструкція

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

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

3. Основний тег, за допомогою якого картинки відображаються на сайті, - це <img src=***>, де замість зірочок ви повинні вставити адресу картинки. Якщо ви пропишіть тег таким чином, картинка на вашому сайті відображатиметься в оригінальному розмірі і з фіолетовою рамкою навкруги.

4. Якщо ви хочете прибрати рамку, то тег повинен виглядати таким чином: <img border=0 src=***>. Якщо ж ви, навпаки, хотіли б, щоб навколо зображення була рамка, замість нуля вкажіть бажаний розмір в пікселях. А за допомогою атрибуту bordercolor ви можете задати потрібний колір рамки. Приміром, картинка з тегом <img border=4 bordercolor=#000000 src=***> матиме чорну рамку в чотири пікселі.


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

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

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

 


Надрукувати  

Схожі матеріали