понедельник, 24 июня 2013 г.

HTML Basics. Adding images to your site #2

Добавление изображений
Вы можете добавлять изображения, на страницы своего сайта сделав его еще более фантастичным. Для этого нужно использовать тег <img>  Этот тег немного отличается от других. Вместо того чтобы поместить ваше содержимое между тегами вы указываете тегу место откуда он получает картинку при помощи src  Он также отличается тем, что он самостоятельно закрывается, т.е. не требует отдельного закрывающего тега. Обратите внимание на / закрывающею его <img src="url" />.
Посмотрите как выглядит тег в редакторе, он добавляет изображение резиновой утки на страницу!(Вы можете посмотреть результат, нажав кнопку просмотр.)


Видите веб-адрес (URL - Uniform Resource Locator(универсальный адрес ресурса)) после src= ? Вот этот http://s3.amazonaws.com/codecademy-blog/assets/f3a16fb6.jpg". Он говорит тегу <img> откуда ему брать изображение.
Каждое изображение в интернете имеет свой URL – адрес изображения. Достаточно щелкнуть правой кнопкой мыши на изображении и выбрать «Копировать адрес изображения». Затем вставить полученный URL в кавычках после src= в вашем теге <img> .


задание
решение

Комментариев нет :

Отправить комментарий