Як вставити посилання на картинку в html


 

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



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

Доступ в інтернет.

Інструкція

  1. Найпростіший спосіб оформлення посилання, в тому числі посилання на картинку, складається з наступних тегів: пояснювальний текст . В якості адреси сторінки дайте посилання на сам графічний файл, наприклад: http://www.site.com/mypicure.jpg ( http://www.site.com/mypicure.jpg ). У пояснювальному тексті можете вказати назву файлу або іншу інформацію. При перегляді готового повідомлення видно буде тільки він, картинка відкриється при натисканні курсором.
  2. Картинка може бути посиланням на саму себе або інший графічний файл. Для такого випадку вставте наступні теги: . Адреса сторінки — адресу, який відкриється при клацанні мишкою; URL картинки — адреса картинки, за якою потрібно клацати. Пояснювальний текст спливає при наведенні курсору. Посилання при зазначеному оформленні відкриється в новому вікні.
  3. Однак ці хитрощі необов’язкові, якщо ви просто хочете опублікувати картинку у своєму повідомленні. Головне — знати її адресу в мережі. Вставте теги:

    . Адреса картинки повинен виглядати приблизно так: http://www.site.com/mypicure.jpg ( http://www.site.com/mypicure.jpg ).


  4. Додаткові параметри дозволяють регулювати розміри відображуваної картинки. Для цього скористайтеся тегами width = і height =. Використовувати обидва необов’язково, при вказівці одного з них другий параметр зміниться пропорційно. Після тега поставте бажану висоту або ширину картинки в пікселях. Результат може виглядати так:

Зверніть увагу

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