Вставка изображений.

На Web-страницы можно поме­щать изображения, хранящиеся в графических файлах сжа­тых форматов — GIF, JPG и PNG.

Задание фона странице.

Для вставки изображения используется тэг <IMG> с ат­рибутом SRC, который указывает на место хранения файла на локальном компьютере или в Интернете. Если графиче­ский файл находится на локальном компьютере в той же папке, что и файл Web-страницы, то в качестве значения ат­рибута SRC достаточно указать только имя файла. Напри­мер:

<IMG SRC=file.gif>

Если файл находится в другой папке на данном локаль­ном компьютере, то значением атрибута должно быть полное имя файла, включая путь к нему в иерархической фай­ловой системе. Например:

<IMG SCR=./pic/file.gif>

Если файл находится на удаленном сервере в Интернете, то должен быть указан Интернет-адрес этого файла. Напри­мер:

<IMG SRC=http://www.server.ru/file.gif>

Выравнивание изображения.

Расположить рисунок относительно текста различными способами позволяет атрибут ALIGN, который может прини­мать пять различных значений: ТОР (верх), MIDDLE (середи­на), BOTTOM (низ), LEFT (слева) и RIGHT (справа). Для того чтобы рисунок располагался по правому краю текста, тэг вставки изображения должен принять следующий вид:

<IMG SRC="file.gif" ALIGN="right">

Отступы.

<IMG SRC=file.gif ALIGN=left hspace=10 vspace=10>

Атрибуты width=n и height=m , атрибут border=n

Атрибуты width (ширина) и height (высота) задают в пикселях прямоугольник, в который выводится картинка.

Атрибут border позволяет задать рамку вокруг иллюстрации толщиной в n пикселов. При отсутствии атрибута или при значении n=0 рамка не рисуется.

<IMG SRC=file.gif ALIGN=left weight=100 height=150 border-5>

Порядок выполнения работы.

1. Запустить текстовый редактор Блокнот командой Пуск-Программы-Стандартные-Блокнот.

2. Создание маркированного списка. Введите HTML-код страницы.

<HTML> <HEAD> <TITLE>Создание списков</TITLE> </HEAD> <BODY bgcolor=#00F6E6 leftmargin=40> <ULtype=square> <LI>Пункт 1 <LI>Пункт 2 <LI>Пункт 3 </UL> </BODY> <HTML>

3. Сохраните файл с расширением *.html, откройте страницу для просмотра результата. Вид страницы приведен на рисунке 2.

4. Вернитесь в блокнот,

5. Создание нумерованного списка. Продолжите ввод HTML-кода.

<OL type=I start=4>

<LI>Пункт 4

<LI>Пункт 5

<LI>Пункт 6

</OL>

6. Обновите страницу в браузере.

7. Переключитесь на блокнот.

8. Пример создания вложенного списка. Продолжите ввод HTML-кода.

<HTML>

<HEAD>

<TITLE>Создание списков</TITLE>

</HEAD>

<BODY bgcolor=#00F6E6 leftmargin=40>

<H1>Вложенный список</H1>

<p>

<UL type=circle>

<LI>Пункт 1

<OL>

<LI>Пункт 1.1

<LI>Пункт 1.2

</OL>

<LI>Пункт 2

<OL>

<LI>Пункт 2.1

<LI>Пункт 2.2

</OL>

</UL> </p>

</BODY>

9. Переключитесь в окно браузера и обновите страницу. Вид странице см. ниже.