Як дізнатися html код для картинки

Як дізнатися html код для картинки

Якщо ви починаєте створювати свій сайт або редагуєте одну із сторінок свого майбутнього сайту, то вам буде корисно знати, що розміщення картинок можливо не тільки через звичайне посилання, яка буде мати формат http:// ваш сайт / upload / картінка.jpg, а й за допомогою html-посилання на картинку. Якщо вам цікаво дізнатися, як буде виглядати можна спробувати зробити посилання самостійно або підглянути її на іншому сайті і зробити схожу.

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

Програмне забезпечення Adobe Dreamweaver.

Інструкція

  1. Найпростіший спосіб дізнатися код картинки — це переглянути її код. Для перегляду коду картинки достатньо скористатися будь-яким інтернет-браузером. Відкрийте будь-який сайт, виберіть картинку. При натисканні правою кнопкою миші на цій картинці, можна дізнатися її код — виберіть пункт контекстного меню «Переглянути код елементу». Залежно від браузера, цей пункт меню може звучати по-різному. Відкриється невелике вікно, яке підсвітить рядок з html-посиланням зображення. Приміром,. Можна побачити, що стандартна посилання від html-посилання значно відрізняється, але шлях до картинки залишається колишнім.
  2. Щоб поставити на сторінку сайту html-посилання на картинку, необхідно скопіювати посилання, яка була розписана вище, замінити всі значення і опублікувати на своїй сторінці. У html-посиланню вам залишиться поміняти тільки значення, яке знаходиться між лапок. Для швидкого створення посилань без використання копіювання-вставки, можна задіяти будь-яку програму html-верстки, наприклад, Adobe Dreamweaver.
  3. Після запуску програми, створіть новий проект. У візуальному редакторі введіть посилання на вашу картинку. Натисніть вкладку HTML. Перед вами з’явиться вміст минулого вікна, тільки в іншому вигляді, ваше посилання перетворилася в html-код.
  4. Той же результат можна зробити в будь-якому html-редакторі. У соціальній мережі «Мій світ» у кожного користувача є свій блог. Перейдіть в цей блог, натисніть додати запис, додайте посилання в візуальний редактор, потім перейдіть в редактор html. Ви отримаєте посилання на мові html.