Как вставить ссылку изображения в HTML

Вы когда-нибудь хотели добавить ссылку в документ HTML, но так чтобы ссылка отображалась в виде изображения, а не текста? Большинство программистов HTML знают, как это делать, можете узнать и вы — просто прочтите статью и следуйте инструкциям, в ней приведенным.

Шаги

Загрузить PDF

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/65\/Italicize-Text-in-HTML-Step-1.jpg\/v4-460px-Italicize-Text-in-HTML-Step-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/65\/Italicize-Text-in-HTML-Step-1.jpg\/v4-677px-Italicize-Text-in-HTML-Step-1.jpg","smallWidth":460,"smallHeight":266,"bigWidth":677,"bigHeight":391,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Откройте текстовый редактор, например «Блокнот» или WordPad на Windows, либо TextEdit или Dreamweaver на macOS.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/4e\/Italicize-Text-in-HTML-Step-2.jpg\/v4-460px-Italicize-Text-in-HTML-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/4e\/Italicize-Text-in-HTML-Step-2.jpg\/v4-493px-Italicize-Text-in-HTML-Step-2.jpg","smallWidth":460,"smallHeight":184,"bigWidth":493,"bigHeight":197,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/d\/dc\/Make-a-Picture-Link-in-HTML-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/dc\/Make-a-Picture-Link-in-HTML-Step-3.jpg\/v4-415px-Make-a-Picture-Link-in-HTML-Step-3.jpg","smallWidth":460,"smallHeight":202,"bigWidth":415,"bigHeight":182,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/c\/c0\/Make-a-Picture-Link-in-HTML-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c0\/Make-a-Picture-Link-in-HTML-Step-4.jpg\/v4-454px-Make-a-Picture-Link-in-HTML-Step-4.jpg","smallWidth":460,"smallHeight":185,"bigWidth":454,"bigHeight":183,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Введите ссылку, которую будет видеть читатель (включая https://)
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/b\/b9\/Make-a-Picture-Link-in-HTML-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b9\/Make-a-Picture-Link-in-HTML-Step-5.jpg\/v4-417px-Make-a-Picture-Link-in-HTML-Step-5.jpg","smallWidth":460,"smallHeight":202,"bigWidth":417,"bigHeight":183,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

После этой части текста поставьте кавычки (") и одинарные угловые кавычки (>).
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/1\/19\/Make-a-Picture-Link-in-HTML-Step-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/19\/Make-a-Picture-Link-in-HTML-Step-6.jpg\/v4-401px-Make-a-Picture-Link-in-HTML-Step-6.jpg","smallWidth":460,"smallHeight":208,"bigWidth":401,"bigHeight":181,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Используйте элемент <img src="imagefilenamehere.gif">.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7f\/Make-a-Picture-Link-in-HTML-Step-7.jpg\/v4-460px-Make-a-Picture-Link-in-HTML-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7f\/Make-a-Picture-Link-in-HTML-Step-7.jpg\/v4-474px-Make-a-Picture-Link-in-HTML-Step-7.jpg","smallWidth":460,"smallHeight":178,"bigWidth":474,"bigHeight":183,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/7\/75\/Make-a-Picture-Link-in-HTML-Step-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/75\/Make-a-Picture-Link-in-HTML-Step-8.jpg\/v4-444px-Make-a-Picture-Link-in-HTML-Step-8.jpg","smallWidth":460,"smallHeight":226,"bigWidth":444,"bigHeight":218,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Введите последующий текст HTML, который вы хотите поместить в оставшуюся часть документа.

Реклама

Войти

Как вставить ссылку изображения в HTML

Шаги

Дополнительные статьи

Об этой статье

Была ли эта статья полезной?

Дополнительные статьи

Подпишитесь на нас

Поделиться

Explore Categories