Как видите, картинки вставляются в интернет-страничку с помощью тега img,где в параметре src указывается файл картинки.
Теперь вставим ссылку, при нажатии на которую посетитель сайта пойдет на другую страничку Вашего сайта или вообще на другой сайт, т. е. гиперссылку. Добавим текст после нашей картинки, при нажатии на который будет совершен переход на другой сайт. Для вставки гиперссылок используется парный тег.
<html>
<head>
<title> Моя первая страничка в Интернет.</title>
</head>
<body bgcolor="#CC0000" text="#FFFF00">
<center>
Приветствую Вас на моей страничке! <br>
Здесь Вы найдете много интересного. <br>
<img src="golub.jpg"> <br>
<a href=http://unionsofttrade.com> Ищете работу на дому? Нажмите здесь!</a>
</center>
</body>
</html>
Если например Вы хотите сделать чтобы картинка являлась гиперссылкой то сделайте так:
<html>
<head>
<title> Моя первая страничка в Интернет.</title>
</head>
<body bgcolor="#CC0000" text="#FFFF00">
<center>
Приветствую Вас на моей страничке! <br>
Здесь Вы найдете много интересного. <br>
<a href=http://unionsofttrade.com> <img src="golub.jpg"> <br>
Ищете работу на домашнем компьютере? Щелкните здесь!</a>
</center>
</body>
</html>
ПОЗДРАВЛЯЕМ!
Вы прошли начальный курс вебмастера и теперь можете делать простейшие страницы и с их помощью начать зарабатывать деньги!
Краткое руководство по HTML 3.2
Тип документа <HTML></HTML> (начало и конец файла)
Имя документа <TITLE></TITLE> (должно быть в заголовке)
Заголовок <HEAD></HEAD> (описание документа, например его имя)
Тело <BODY></BODY> (содержимое страницы)
Заглавие <H?></H?> (стандарт определяет 6 уровней)
с выравниванием <H? ALIGN=LEFT|CENTER|RIGHT></H?>
Секция <DIV></DIV>
с выравниванием <DIV ALIGN=LEFT|RIGHT|CENTER></DIV>
Цитата <BLOCKQUOTE></BLOCKQUOTE> (обычно выделяется отступом)
Выделение <EM></EM> (обычно изображается курсивом)
Дополнительное выделение <STRONG></STRONG> (обычно изображается жирным шрифтом)
Отсылка, цитата <CITE></CITE> (обычно курсив)
Код <CODE></CODE> (для листингов кода)
Пример вывода <SAMP></SAMP>
Ввод с клавиатуры <KBD></KBD>
Переменная <VAR></VAR>
Определение <DFN></DFN> (часто не поддерживается)
Адрес автора <ADDRESS></ADDRESS>
Большой шрифт <BIG></BIG>
Маленький шрифт <SMALL></SMALL>
Жирный <B></B>
Курсив <I></I>
(N3.0b) Подчеркнутый <U></U> (часто не поддерживается)
Перечеркнутый <STRIKE></STRIKE> (часто не поддерживается)
(N3.0b) Перечеркнутый <S></S> (часто не поддерживается)
Верхний индекс <SUB></SUB>
Нижний индекс <SUP></SUP>
Печатная машинка <TT></TT> (изображается как шрифт фиксированой ширины)
Форматированый <PRE></PRE> (сохранить формат текста как есть)
Ширина <PRE WIDTH=?></PRE> (в символах)
Центрировать <CENTER></CENTER> (как текст, так и графика)
(N1.0) Мигающий <BLINK></BLINK> (наиболее осмеянный элемент)
Размер шрифта <FONT SIZE=?></FONT> (от 1 до 7)
Изменить размер шрифта <FONT SIZE="+|-?"></FONT>
(N1.0) Базовый размер шрифта <BASEFONT SIZE=?> (от 1 до 7; по умолчанию 3)
Цвет шрифта <FONT COLOR="#$$$$$$"></FONT>
(N3.0b) Выбор шрифта <FONT FACE="***"></FONT>
(N3.0b) Многоколоночный текст <MULTICOL COLS=?></MULTICOL>
(N3.0b) Пробел между колонками <MULTICOL GUTTER=?></MULTICOL> (по умолчанию 10 точек)
(N3.0b) Ширина колонки <MULTICOL WIDTH=?></MULTICOL>
(N3.0b) Пустой блок <SPACER>
(N3.0b) Тип пустого блока <SPACER TYPE=horizontal| vertical|block>
(N3.0b) Величина пустого блока <SPACER SIZE=?>