Протоколы Internet


Язык HTML - часть 64


23.6. Плавающие объекты

Изображения и объекты могут быть привязаны к тексту, а могут обтекаться текстом, прижимаясь к одной из сторон документа и деформируя его поля. Плавающие объекты начинаются с новой строки. Для управления положением плавающего объекта используется атрибут align. Например:

<img align=”left” src=http://foo.com/animage.gif>

Существует атрибут для элемента br, который управляет обтеканием объекта текстом. Это clear= none|left|right|all, который определяет то, где должна появиться следующая строка в процессе отображения.

none

следующая строка будет отображена как обычно (значение по умолчанию).

left

следующая строка будет помещена ниже плавающего объекта на левом поле.

right

следующая строка будет помещена ниже плавающего объекта на правом поле.

all

следующая строка будет помещена ниже плавающего объекта на любом из доступных полей.

Рассмотрим вариант, когда текст размещается справа от изображения, и посмотрим, что будет после прерывания строки с помощью BR.

Если атрибут clear=”none”, следующая строка начнется сразу под уже имеющимся текстом.

Если же clear = “left” или all, то мы получим:

Используя стилевые листы, мы можем потребовать, чтобы все разрывы строк обрабатывались аналогичным образом. Для реализации этого можно записать:

<style type=”text/css”>

br { clear: left }

</style>

Для того чтобы такая схема размещения текста сработала только раз, следует воспользоваться атрибутом ID.

<head>

…….

<style type=”text/css”>

br.mybr }clear: left}

</style>

</head>

<body>

…….

……..

</body>

23.7. Элементы управления шрифтами: tt, i, b, big, small, strike, s и u

<!entity % font

“tt | i | b | u | s | strike | big | small “>

<!element (%font|%phrase) - - (%inline)*>

<!attlist (%font|%phrase) %attrs; -- %coreattrs, %i18n, %events -- >

tt:

соответствует шрифту телетайпа (символы равной ширины).

i:

курсив

b:

полужирный шрифт.




Начало  Назад  Вперед