Как узнать html код для картинки?

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

Вам понадобится

• Программное обеспечение Adobe Dreamweaver.

Инструкция

Самый простой способ узнать код картинки - это просмотреть ее код. Для просмотра кода картинки достаточно воспользоваться любым интернет-браузером. Откройте любой сайт, выберите картинку. При нажатии правой кнопкой мыши на этой картинке, можно узнать ее код – выберите пункт контекстного меню «Просмотреть код элемента». В зависимости от браузера, этот пункт меню может звучать по-разному. Откроется небольшое окно, которое подсветит строчку с html-ссылкой изображения. К примеру, . Можно увидеть, что стандартная ссылка от html-ссылки значительно отличается, но путь до картинки остается прежним.

Чтобы поставить на страницу сайта html-ссылку на картинку, необходимо скопировать ссылку, которая была расписана выше, заменить все значения и опубликовать на своей страничке. В html-ссылке вам останется поменять только значение, которое находится между кавычек. Для быстрого создания ссылок без использования копирования-вставки, можно задействовать любую программу html-верстки, например, Adobe Dreamweaver.

После запуска программы, создайте новый проект. В визуальном редакторе введите ссылку на вашу картинку. Нажмите вкладку HTML. Перед вами появится содержимое прошлого окна, только в другом виде, ваша ссылка преобразовалась в html-код.

Тот же результат можно сделать в любом html-редакторе. В социальной сети «Мой мир» у каждого пользователя есть свой блог. Перейдите в этот блог, нажмите добавить запись, добавьте ссылку в визуальный редактор, затем перейдите в редактор html. Вы получите ссылку на языке html.

Оцените статью!