Cодержание
Если невнимательно читали учебник по html и не знаете как вставить картинку на сайт держите несколько подсказок
В тело страницы в нужном месте вставляем код где путь к картинке прописан абсолютный т.е. начиная с http, в данном случае в пути мы видим что картинка лежит в корне сайта. В этом случае относительный путь до изображения будет выглядеть так …jpg и соответственно код вставки
Но такие случаи бывают редко, чаще всего изображения кладутся в отдельную папку например: images, и тогда код вставки изображения будет с другим путем images/имякартинки.jpg или абсолютным http://сайт.ру/имякартинки.jpg
или если путаетесь с относительными путями, то используйте абсолютные — не ошибётесь.
И не забываем про расширения картинок, чаще всего в вебдизайне используются изображения с расширениями jpg, jpeg, png, gif. Если вдруг пропишите неправильное расширение то путь к изображению будет не действительным и картинка на сайте отображаться не будет.
Размеры изображений на сайте
Не забываем пользоваться графическими редакторами для подгонки размеров картинок под сайт и уменьшения их веса (например: PaintNet). Ведь некоторые изображения могут весить по нескольку мегабайт, и такая страница сайта будет очень долго загружаться у посетителя. Хотя браузеры прекрасно понимают размеры встроенного изображения, лучшим вариантом будет все же явно указать размеры картинки. Делается это тегами width — ширина и height — высота.
пример использования: ширина картинки 277 пикселей а высота 232 пикселя. При использовании специальных программ для вебмастеринга обычно размеры картинок прописываются автоматически.
как сделать картинку ссылкой
Для того что бы вставленная на сайт картинка служила еще и ссылкой т.е. стала кликабельной используем код ссылки