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

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

2. Открыть файл index.htm

3. Вставка изображений. Для размещения на Web-страницах используются графические файлы форматов GIF, JPEG и PNG.

Изображения помещаются на Web-страницу тэгом IMG с атрибутом SRC, сообщающим браузеру имя и местоположение графического файла.

<IMG SRC="image_name">

Если рядом с изображением не должно быть текста, его размещают внутри отдельного абзаца. Выравнивание рисунка по горизонтали в этом случае задают в тэге <P>. Размеры изображения (в пикселах) можно задать с помощью атрибутов WIDTH и HEIGHT.К изображению атрибутом ALT можно добавить название, которое появляется на экран или вместо иллюстрации (если по какой - либо причине графика не выводится в окне браузера), или в качестве всплывающий строки, при указании на рисунок мышью.

Открыть

Вставить в начале страницы картинку.

<P ALIGN="center"><IMG SRC="c:\Мои документы\bscap0.jpg" WIDTH="515" HEIGHT="240" ALT="Просто картинка"></P>

Атрибут ALIGN выравнивает текст по верхнему краю, середине или нижнему краю изображения, справа или слева от него с помощью значений: top, bottom, middle, left или right.

4. Форматирование текста. Для выделения фрагментов текста используется тэг <FONT>. Атрибут FACE определяет гарнитуру шрифта, атрибут COLOR – цвет и атрибут SIZE - размер символов.

Выравнивание текста по горизонтали задает атрибут ALIGN. Его возможные значения: left - выравнивание по левому краю center – по центру и right - по правому краю.

Выравнивание можно добавлять к тэгам, задающим заголовки, абзацы, или размещающим информацию в таблице. Выровнять по центру заголовок страницы. HSPACE, VSPACE - горизонтальный и вертикальный отступы между картинкой и текстом.

Введем заголовки различных уровней.

<H1 ALIGN="center"><FONT COLOR="#FF6600">А это - заголовок нашей странички.</FONT></H1>

<H2 ALIGN="center"><FONT COLOR="#FF6622">А это - подзаголовок нашей странички.</FONT></H2> (Сохранить файл и Обновить страничку)

Выделим часть текста более крупным шрифтом и цветом и определим выравнивание

<P ALIGN="left"><FONT SIZE="6" COLOR="#FF0066" FACE="Arial" > Давайте, просто напечатаем простой текст для создания нашей странички, выровненный по левому краю.</FONT></P>

<P ALIGN="right"><FONT SIZE="5" COLOR="#FF0000" FACE="Times New Roman" > Давайте, просто напечатаем простой текст для создания нашей странички, выровненный по правому краю.</FONT></P>

<P ALIGN="center"><FONT SIZE="4" COLOR="#FF0011" FACE="Arial"> Давайте, просто напечатаем простой текст для создания нашей странички, выровненный по центру.</FONT></P> (Сохранить файл и Обновить страничку)

Дата добавления: 2017-02-01