Для того, что вставить картинку в HTML-страницу,нужен тег < IMG >, у которого есть самый главный атрибут SRC, который необходим для указания адреса к картинке.
Если картинка находится находится в одной папке со страницей, тогда пишем
< img src="image.jpg" >.
Если картинка и html-страница находятся в разных папках, то пишем путь к изображению относительно страницы. Например, наша html-страница находится в папке или каталоге news, в этом же каталоге или папке находится подкаталог (папка) pop, в котором и расположена наша картинка image.jpg, то для ее вставки надо писать так:
< img src="pop/image.jpg" >
Помимо src у тега < IMG > есть еще атрибуты:
width — ширина картинки
height — высота картинки
Главное, не переусердствовать с длиной и шириной картинки и не исказить ее. Управлять расположением картинки относительно текста на странице можно атрибутом align. Если мы вставим left — картинка расположится слева, а текст, который рядом — справа, если right — картинка расположится справа, а текст, который рядом — слева.
Чтобы исключить обтекание текста картинкой, используем тег BR, имеющий атрибут clear, со своими значениями значения:
left — не обтекать текстом, который выровнен по левому краю
right — не обтекать текстом, который выровнен по правому краю
all — не обтекать текстом, который выровнен по левому и правому края.
vspace — делает верхнее и нижнее поля в пикселях
hspace — делает боковые поля (слева и справа) в пикселях.