Для этого мы применяем тэг <img> со множеством параметров.
Этот тэг не имеет закрывающего двойника, т.к. он не задает какую-либо область действия правила отображения, а лишь внедряет в содержимое Web-страницы графическое изображение. Графическое изображение может быть еще и гиперссылкой, или даже скрывать несколько гиперссылок.

Основным и обязательным атрибутом тэга <img> является параметр src. В качестве значения этого атрибута используется адрес вставляемого графического файла, или, если быть точным, его URL. Если графический файл находится на том же сервере, то достаточно записать полное наименование файла, включая путь к нему по вложенным каталогам. Допустим, что каталог images с рисунками расположен в той же папке, что и HTML-файлы с Web-страницами, тогда тэг вставки графического изображения приобретет следующий вид: <img src="images/pict1.gif">
В этом примере мы ссылаемся на рисунок формата GIF, находящийся в файле с именем pict1.gif, который расположен в каталоге с именем images.
Первые появившиеся браузеры WWW отображали только текстовую информацию, никакая графика не поддерживалась. Сейчас такие обозреватели практически не встречаются, но каждый браузер имеет возможность отключения загрузки графики, поэтому всегда следуе использовать альтернативное текстовое представление рисунка, если тот не может быть по каким-либо причинам загружен браузером. Этот текст добавляется к тэгу img с помощью параметра alt, значением которого является текстовая строка; т.е., получится приблизительно следующая конструкция:

В том случае, если графическое изображение показывается браузером, текст альтернативного представления отображается в виде короткой текстовой подсказки, когда пользователь наводит курсор мыши на это графическое изображение.
По умолчанию графическое изображение показывается именно в том виде, в каком оно было создано, с сохранением размеров по вертикали и горизонтали. Однако мы имеем возможность явно задавать размеры рисунка по своему усмотрению.
Для этого используются параметры height и width. Необходимо отметить, что браузеры стремятся сохранять пропорции рисунка, поэтому явное задание размеров, меняющее пропорции, может быть проигнорировано браузером, и он выберет такие размеры, которые были бы максимально близки к указанным пользователем, но не нарушали пропорций изображения. Обычно для Web-страниц готовят рисунки тех размеров, которые будут применятся при их отображении в составе Web-страниц. Если одно изображение должно выводиться несколько раз с различными размерами, то проще приготовить несколько графических файлов, чем отдавать свои рисунки для бесконтрольного отображения браузеру, который сможет нарушить всю верстку Web-страниц.

Существуют параметры hspace и vspace, позволяющее указывать величину чистого пространства, которое будет отделять графическое изображение от окружающих его других элементов оформления Web-страницы, другими словами, задавать отступ рисунка. Параметр hspace устанавливает отступ по горизонтали, а vspace - по вертикали. Эти параметры могут задаваться только числовыми значениями, указывающими расстояния в пикселах. Нулевого значения для этих параметров не предусмотрено, но обычно каждый брыузер использует малое нулевое значение.

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

Нелбходимо упомянуть о выравнивании графического объекта относительно обтекающего его текста. Для этого используется параметр align. Его значением может быть одно ключевое слово из предопределенного набора.
Значения bottom, middle и top применяются для позиционирования первой строки текста, обтекающего рисунок по вертикали. Значение top смещает его вверх, bottom - вниз, middle позволяет центрировать строку по вертикали. Для выравнивания по горизонтали графического изображения применяются значения left и right.
Первое значение left - смещает рисунок к левому краю блока, в котором тот отображается, а right - смещает к правому.