!!! ВАЖНО !!!
<img src="picture.jpg">
Это означает, что на веб-страницу будет вставлена картинка с именем picture.jpg, которая находится в той же директории, что и сам документ. Вставлять можно любые картинки.
Самое главное понять, что все, что расположено между кавычками – это ссылка (путь к картинке).
Если картинка лежит в поддиректории, то ссылка на неё будет выглядеть следующим образом:
<img src="image/picture.jpg">
Если картинка лежит на уровень выше, а документ находится в поддиректории, то ссылка на неё будет такой:
<img src="../picture.jpg">
Если картинка лежит на другом сайте, то путь прописывается полностью:
<img src="http://www.pu26.narod.ru/image/picture.jpg ">
Для удобства необходимо класть картинку в ту же директорию, что и документ, или в специально отведенную для изображений папку image, тогда путаницы будет меньше.
- Веб-страница не должна содержать много графики, все должно быть в меру.
- Все картинки должны быть оптимизированы для Web и иметь маленький размер.
- Вес каждой веб-страницы не должен превышать 100 kb
- По возможности не использовать анимированные картинки или использовать в небольших количествах, потому что они отвлекают внимание от содержания веб-страницы
<img src="picture.jpg">
Это означает, что на веб-страницу будет вставлена картинка с именем picture.jpg, которая находится в той же директории, что и сам документ. Вставлять можно любые картинки.
Самое главное понять, что все, что расположено между кавычками – это ссылка (путь к картинке).
Если картинка лежит в поддиректории, то ссылка на неё будет выглядеть следующим образом:
<img src="image/picture.jpg">
Если картинка лежит на уровень выше, а документ находится в поддиректории, то ссылка на неё будет такой:
<img src="../picture.jpg">
Если картинка лежит на другом сайте, то путь прописывается полностью:
<img src="http://www.pu26.narod.ru/image/picture.jpg ">
Для удобства необходимо класть картинку в ту же директорию, что и документ, или в специально отведенную для изображений папку image, тогда путаницы будет меньше.