Вам понадобится
- - собственный сайт
- - рисунок, который нужно поместить на сайт
- - знать, что такое HTML-код
Инструкция
1
2
После загрузки картинки узнайте ссылку на нее. Ссылка на вашу картинку будет такого вида: http: ⁄ ⁄ website/img1.jpg. Если Вы нашли картинку в интернете и знаете ссылку на нее, можно, конечно, использовать такую ссылку; но лучше сохранить эту картинку и залить к себе на сайт через «файловый менеджер», так как при удалении картинки с другого сайта на вашем ресурсе она отображаться тоже не будет.
3
Получив ссылку на нужный рисунок, вставьте ее между кавычек в следующий HTML-код: <img src=" ">. Должна получиться такая конструкция: <img src="http: ⁄ ⁄website/img1.jpg">. Вместо "http: ⁄ ⁄ website/img1.jpg" должна быть ссылка на вашу картинку. Эту запись нужно поместить в нужное место в HTML-коде вашего сайта.
4
Если изображение на сайте нужно подкорректировать по размеру, то в HTML-коде укажите нужные ширину и высоту изображения. Запись вида width="100" указывает ширину картинки в пикселях, а запись height="80" - высоту изображения в пикселях, где число в кавычках и есть количество пикселей. Общий код изображения с указанными размерами выглядит так: <img src="http: ⁄ ⁄ website/img1.jpg" width="100" height="80">. Цифры в коде замените на нужную вам ширину и высоту изображения.
5
Нелишним будет указать название изображения для того, чтобы при просмотре сайта в режиме без картинок посетитель мог понять, какие изображения присутствуют на сайте. Для добавления названия вставьте в код вывода картинки такую запись: alt="Название". Вместо слова «Название» напишите название вашей картинки. В результате рисунок на сайте будет иметь такой HTML-код: <img src="http: ⁄ ⁄ website/img1.jpg" alt="Название" width="100" height="80">.
Видео по теме
Обратите внимание
Название нужного вам рисунка должно состять только из английских букв и (или) цифр, иначе на сайте вместо изображения будет красный крестик.
В коде изображения необязательно указывать параметры длины и ширины - их используют только при необходимости.
В коде изображения необязательно указывать параметры длины и ширины - их используют только при необходимости.
Полезный совет
Перед загрузкой изображения на сайт уменьшите картинку до нужных размеров, так как слишком большие изображения препятствуют быстрой загрузке страницы и занимают больше места в хранилище файлов.
Источники:
- Самоучитель по сайтостроению