Создано Евгением Ковалевым

</BODY>

</HTML>

Заметим, что с помощью параметра SRC мы задаем расположение файла изображения. Так, Images/foto.jpg означает, что источник (source) изображения расположен в каталоге Images в файле под именем foto.jpg. (На самом деле, прописав вместо этого пути нечто вроде http://www.some.com/image/foto1.jpg, можно вставить в свой документ картинку из чужого сайта, правда так никто обычно не делает, ибо этот сайт в любую минуту может быть отключен или перегружен.)

У тэга <IMG> есть еще несколько интересных параметров.WIDTH(ширина в пикселах), HEIGHT (высота), BORDER(окантовка). Строка <IMG WITH = 200 HEIGHT = 100 BORDER = 0 SPC = "Images/foto.jpg"> заставит броузер вывести ваш файл в картинку высотой 100 и шириной 200 пикселов без окантовки. На самом деле WIDTH и HEIGHT обычно задаются в соответствии с реальным размером изображения. Конечно же, броузер может определить размеру рисунка самостоятельно, но дело в том, что пользователь получает страницу не всю сразу, а по частям. Вначале передается сам HTML файл, а за ним вдогонку ползут по мировым сетям картинки. И пока изображение находится в пути, ваша система не знает, какого размера оставить для него место на экране. Если вы заранее предупредите ее об этом, прописав параметры WIDTH и HEIGHT, броузер с самого начала сможет определить, на что рассчитывать. Не забудьте только при замене картинки переназначить ее параметры, иначе иллюстрации, растянутые или сжатые в произвольном направлении, будут походить на карикатуры.

HTML-код более сложной страницы для второго файла выглядит так:

<HTML>

<HEAD>

<TITLE>Группы</TITLE>

</HEAD>

<BODY>

Мои любимые музыкальные группы 

<IMG SRC=”Images/music.jpg”> 

Вопли Видоплясова 

Алиса 

Кино 

Аквариум 

Создано Евгением Ковалевым

</BODY>

</HTML>

Если же вы особо цените одну из групп, ее название можно выделить полужирным шрифтом (Кино(Bold – жирный)) или курсивом (Аквариум(Italic – наклонный)).

Кроме того, любую фразу можно отцентровать:

<CENTRE>Мои любимые музыкальные группы</CENTRE>

Это выглядит так:

<HTML>

<HEAD>

<TITLE>Группы</TITLE>

</HEAD>

<BODY>

<CENTRE>Мои любимые музыкальные группы </CENTRE>

<IMG SRC=”Images/music.jpg”> 

Вопли Видоплясова 

Алиса 

Кино 

Аквариум 

Создано Евгением Ковалевым

</BODY>

</HTML>

Как видим, тэги, словно матрешки. Вкладываются друг в друга. Это очень ценное их качество.

Например, строка

<CENTER>… </CENTER> позволяет расположить текст по центру (<CENTER>, набрав его синим (BLUE) полужирным () наклонным () шрифтом. Надо только вовремя закрыть тэг. Ведь если, например, оставить открытым тэг , то весь текст до конца документа будет полужирным.