Question

Как вставить изображение в хтмл?

Чтоб при переносе папки изображение оставалось

Answer 1

С помощью тега <img>. Это одиночный тег, т.е. он не требует закрывающего тега.

Пример:

<img src="car.png"> - с относительной ссылкой.

<img src="URL"> - c абсолютной ссылкой

Если переносится корневая папка сайта, то изображение останется. А если переместить изображение, то необходимо изменить ссылку на него.

Answer 2

На практике при работе с изображениями тег <img> редко используется с одним только атрибутом "scr". Например, специалисты настойчиво рекомендуют указывать в явном виде ширину и высоту картинки с помощью "width" и "height", соответственно. Якобы в этом случае быстрее происходит формирование страницы. Ниже в примере показано, как задать для изображения размеры четыреста на четыреста пикселей:

Не могу похвастаться тем, что сам всегда так делаю, но на сайте, которым сейчас приходится заниматься я во всяком случае не удаляю такие атрибуты, если они уже были поставлены предыдущим исполнителем.

Но есть ещё атрибут, применять который настаиваю уже я сам. Речь идёт о "alt", который очень любят поисковики - они черпают из тега дополнительный контент. Аналитические программы тоже внимательно изучают текст внутри "alt" и сравнивают его со всем остальным содержимым проверяемой страницы. Для наглядности я сократил текст, но на самом деле в этом месте у меня всегда текст на две-три строчки с подробным описанием фотографии или рисунка.

На мой взгляд вообще, чем больше текста на вашем сайте, тем больше пользы.