Рисунки. Наложение различных стилей

Наложение различных стилей

Физические стили

Можно описывать специальными стилями отдельные слова или предложения. Имеются два типа стилей: логический и физический. Логические стили определяют текст согласно заданному значению, в то время как физические стили определяют некоторые участки текста, автор задает стиль написания текста, описывая шрифт в исходном HTML-документе.

Существуют следующие физические стили:

Вы можете задать:

<B> выделенный шpифт </B> выделенный шрифт

<BIG> крупный шpифт </BIG> крупный шрифт

<SMALL> мелкий шpифт </SMALL> мелкий шрифт

<SUB> нижний индекс </SUB> _{нижний индекс}

<SUP> верхний индекс </SUP> ^{верхний индекс} (E = mc² )

<TT> (телетайп) моноширный шpифт </TT> моноширный шрифт

<I> курсив </I> курсив

<EM> курсив </EM> курсив

<STRIKE> пеpечеpкнутый шpифт </STIKE> пеpечеpкнутый шpифт

<U> подчеркивание </U> подчеркивание

Рассмотрим следующую строку HTML-документа:

<B> Это пример <DFN> наложения стилей </B> в HTML-документе </DFN>

Слова "наложения стилей" определены одновременно как <B> и <DFN>.

Это пример наложения стилей в HTML-документе

Как будут реагировать на это browser? Очевидно, что разные browser - по разному, и предсказать, каким на самом деле увидет Ваш текст пользователь, нельзя. Поэтому рекомендуем Вам избегать такого наложения стилей.

Большинство Web browsers могут показывать рисунки X Bitmap (XBM) или GIF формата вместе с текстом.

Поскольку каждый рисунок занимает много времени на отображение на экране (что замедляет показ документа), не рекомендуется включать слишком большое количество или чрезмерно большие по размеру рисунки в Ваш HTML-документ.

Чтобы включить рисунок, надо описать гиперссылку на него:

<IMG SRC = image_URL>

где image_URL это ничто иное как URL.gif или.xbm файла, содержащего рисунок. Таким образом, синтаксис ссылки на рисунок аналогичен синтаксису гиперссылки HREF.

Автоматически, рисунок выравнивается по нижнему краю сопровождающего его текста, но Вы можете задавать взаимное расположение рисунка и текста:

[IMAGE] - это выравнивание по нижнему краю (делается browser по умолчанию).

[IMAGE] - это выравнивание по верхнему краю.

Форматирование положения рисунка задается включением в гиперссылку пункта "ALIGN = ":

<IMG ALIGN=TOP SRC=image_URL>

Возможны типы выравнивания:

ALIGN = TOP - вывод картинки на уровне самого высокого элемента текста
ALIGN = MIDDLE - вывод картинки по центру текстовой строки
ALIGN = CENTER - вывод картинки по центру текстовой строки
ALIGN = BOTTOM - вывод картинки на уровне самого низкого элемента текста

Данный элемент поддеpживает атpибуты: ALT, ALIGN, BORDER, HEIGHT, HSPACE, ISMAP, SRC, USEMAP, VSPACE, WIDTH.

Дата добавления: 2015-05-26