» » Как вставить картинку в html

Интернет плотно и надолго вошел в нашу жизнь, многие без него просто не могут жить и не видят себя без гаджетов, которые позволяют быть всегда в сети. Но это больше относится к простым пользователям и фрилансерам, в общем, ко всем обычным пользователям которые не создают эти самые интернет страницы. Но многие начинают делать первые шаги в изучении тегов и создании своих собственных интернет страничек и сайтов. В этой статье мы коснемся очень важной темы, а именно как вставить картинку в html страничку?
Этот вопрос решается довольно таки просто, при использовании тега: img src, где вместо точек размещается путь к изображению. Форматы также варьируются, например, *.gif, *.png, *.jpg.
Да и как рекомендация, не стоит засорять страничку большим количеством изображений, так как не все пользователи могут быть обеспечены качественным и достаточно скоростным интернет соединением, что в свою очередь будет влиять на скорость загрузки страницы, и будет выводить пользователя из себя.
Чтобы более ярко понять, как вставить картинку, нам нужен наглядный пример. Назовем нашу картинку medved. jpg. Если наша страничка картинка расположены в одной папке – директории, то путь будет выглядеть следующим образом: img src medved.jpg. Если страничка размещена в папке Е HTML, а картинка в папке D HTM Limg, то путь будет выглядеть следующим образом img src="img/ medved.jpg". Также если картинка находится сразу на диске, а страничка в одной из папок диска, то путь будет выглядеть следующим образом: img src="../ medved.jpg". Если же картинка расположена где-то на странице интернет ресурса, то это будет выглядеть так img src= "http://.../ medved.jpg.
Чтобы было удобно работать в будущем, все картинку удобно размещать в отдельной папке не жестком диске. Так что, ознакомившись с правилами использования этого тега, вы можете смело приступать к работе с картинками и своими интернет сайтами, делать их ярче и краше.

  Просмотров: 1059 | Категория: новости | Добавил: NA

Другие новости


Поделиться ссылкой


Ссылка:
BB-code:
HTML:
|
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.