Для добавления на страницу изображения используется тег <img> (от английского слова image), который не имеет закрывающего тега. Этот тег имеет единственный обязательный параметр src (от английского source - источник), который указывает путь к изображению (URL). Используемые изображения могут иметь такие форматы как GIF, JPEG или PNG.
<img src="имя картинки.jpg">
Параметры, применяемые к тегу <img>:
width - ширина изображения; heigth – высота изображения;
Эти параметры не обязательно задавать, при их отсутствии изображение на странице будет иметь свой реальный размер. alt - альтернативный текст для изображения (при наведении курсора на изображение, будет отображаться этот текст); border - толщина рамки вокруг изображения, измеряется в пикселях (px), по умолчанию рамка отсутствует; hspace - горизонтальный отступ от изображения до окружающего контента; vspace - вертикальный отступ от изображения до окружающего контента. align - определяет выравнивание рисунка по краю и способ обтекания текстом, может иметь следующие значения: left - по левому краю, right - по правому краю, middle - по середине по вертикали, bottom - по нижнему краю, top - по верхнему краю.
Убедитесь, что картинка находится в той же директории (папке), где и index.html. Добавим на страницу картинку, для этого в наш код вносим следующие изменения:
<html>
<head>
<title>Моя страница.</title>
</head>
<body bgcolor="#CCCCCC" text="#0000FF">
Я сделал простейшую страницу.
<br>
<b>Текст будет жирным.</b><br>
<i>Текст будет наклонным (курсив).</i><br>
<u>Текст будет подчёркнутым.</u><br>
<font color="#FF0000"> Этот текст красного цвета. </font><br>
<font size="7">Размер шрифта равен 7.</font><br>
<font color="#FF0000" size="7"> Этот текст красного цвета и его размер равен 7. </font><br>
<hr>
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
<p>Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p>
В папке, где хранится наша главная страница (index.html) можно создать новую папку, задав ей любое имя, обычно это имя images и переместить туда наше изображение.
Следовательно, путь к файлу (картинке) будет таким: