Основные теги форматирование HTML-документа

Текст Web-страницы – произвольные символы, определяемые по умолчанию как текстовые данные.

Основные группы тегов, выполняющих форматирование текста Web- страницы:

<Р>…</р> − тег начала и конца абзаца. Данный тег может использовать атрибут align.

<Рrе>…</рrе> − тег вывода текста, определенного пользователем заранее;

<Center>…</center> − тег для центрирования текста любого содержания;

<Div>…</div> − тег центрирования текста в зависимости от значения атрибута align;

<Big>…</big> − тег увеличенного размера шрифта;

<Small> … </small> − тег уменьшенного размера шрифта;

<Tt>…</tt> − тег для обозначения шрифта телетайпа (моноширинного шрифта);

<Strike>…</strike> − тег для создания перечеркнутого текста;

<U>…</и> − тег для формирования подчеркнутого текста;

<I>…</i> − тег вывода текста курсивом;

<Sub>…</sub> − тег для написания нижних индексов;

<Sup>…</sup> − тег для написания верхних индексов;

<Font>…</font> − тег для определения типа, размера и цвета шрифта.

10. Использование графических объектов в HTML-Документах

Для добавления в HTML - документ графических объектов (картинки, фотографии) используется одиночный тег img, содержащий обязательный атрибутsrc, указывающего на адрес (URL) картинки:

<img src="url графического файла"> или <img src="путь / имя файла">.

Дополнительные атрибуты элемента img
Атрибут Описание
ALIGN Указывает способ выравнивания изображения в документе: left - Выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа. right - Выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева. top и texttop - Выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки. middle - Выравнивает базовую линию текущей текстовой строки с центром изображения. absmiddle - Выравнивает центр текущей текстовой строки с центром изображения. bottom и baseline - Выравнивают нижнюю кромку изображения с базовой линией текущей текстовой строки. absbottom - Выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки. Для завершения обтекания изображения текстом используйте атрибут clear элемента br.
HEIGHT Устанавливает высоту изображения
WIDTH Устанавливает ширину изображения
HSPACE Устанавливает отступ картинки (в пикселах) по горизонтали от других объектов документа, например при обтекании изображения текстом.
VSPACE Устанавливает отступ картинки (в пикселах) по вертикали от других объектов документа.
ALT Устанавливает текст, отображаемый на месте изображения, если браузер не может найти файл с изображением или пользователь запретил прием изображений. Кроме того этот текст показывается при наведение на изображение мышкой, как подсказка В качестве значения задается любой текст. Очень важно использовать этот атрибут на графических кнопках меню.
BORDER Устанавливает ширину рамки вокруг изображения в пикселах. Рамка возникает, только если изображение является гипертекстовой ссылкой. Если она не нужна - значение BORDER нужно установить равным нулю.
GALLERYIMG Поддержка Панели управления изображениями. Данная панель появляется при нахождении указателя мыши на изображении и позволяет быстро сохранить картинку, распечатать, послать на e-mail, открыть папку Мои рисунки. По умолчанию данная панель появляется только при размерах более 130 пикселах. Но можно включить эту панель с помощью этого атрибута. Может принимать значениея yes (или true) и no (или false).
LOWSRC Параметр lowsrc используется для отображения рисунка низкого качества перед полной загрузкой конечного изображения. Такой подход предназначен для снижения времени ожидания пользователя. Предварительно ему показывается изображение в низком разрешении или черно-белый рисунок, который быстро загружается из-за небольшого исходного объема файла. Пока пользователь рассматривает его, происходит загрузка изображения хорошего качества, которое постепенно сменяет первоначальное. Размеры этих изображений обязательно должны совпадать. Пример: <img src="URL" lowsrc="URL2">

Чтобы после картинки не появилось пустое пространство в несколько пикселей, сразу после <IMG ...> без пробелов нужно поставить тег перевода строки <BR>.