Этот урок будет посвящен вставки изображения на ваш сайт. Также вы узнаете, как сделать выравнивание текста и отступы от изображения, задать ширину, высоту  и дать название вашей картинке.

Изображение вставляется таким кодом:

<img src="Путь к изображению">.

1. Выравнивание текста.

пишется так: align="left" – по левому краю, "center" – по центру, "right" – по правому краю.

То есть если вы хотите сделать выравнивание текста по левому краю, то код будет таким:

<img src="Путь к изображению" align="left">.

2. Делаем отступы.

Они пишутся так: hspace="5" – по вертикали, vspace="5" – по горизонтали. Задаются в пикселях. Сейчас код будет такой:

<img src="Путь к изображению" align="left" hspace="5" vspace="5">.

3. Задаем ширину и высоту.

Width – Ширина. Height – Высота. Например, если вы хотите сделать изображение 200 на 200, 100 на 100, то писать надо так width="100" height="100". И код будет выглядеть так:

<img src="Путь к изображению" align="left" hspace="5" vspace="5" width="100" height="100">.

4. Название и описание изображения.

Задается так title="Название" и alt="Описание", alt выводится, когда у пользователей отключена функция показа изображений.

Конечный код будет такой:

<img src="Путь к изображению" align="left" hspace="5" vspace="5" width="100" height="100" title="Название" alt="Описание">