Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Шпаргалка По Мультимедийным Технологиям (Клим А. И.).doc
Скачиваний:
19
Добавлен:
07.10.2014
Размер:
544.77 Кб
Скачать

54)Обтекание изображений и таблиц. Отступы

Обтекание рисунка текстом.Обтекание картинки текстом — один из популярных приемов верстки веб-страниц, когда изображение располагается по краю окна браузера, а текст обходит его с других сторон Для создания обтекания изображения текстом существует несколько способов, связанных, как с возможностью тегов HTML, так и с применением стилей.Так, у тега <IMG> есть параметр align, который определяет выравнивание изображения. Этот параметр задает, возле какого края окна будет располагаться рисунок, одновременно устанавливая и способ обтекания текста. Чтобы выровнять изображение по правому краю и задать обтекание слева, используют значение right, для выравнивания по левому краю применяют left. Параметр align часто используют в связке с другими параметрами тега <IMG> — vspace и hspace. Они определяют расстояние от обтекаемого текста до изображения. Без этих атрибутов изображение и текст будут слишком плотно прилегать друг к другу.Пример :

<html>

<head>

<title>Рисунок в тексте</title>

</head>

<body>

<p><img src="images/sample.gif" width="100" height="200" alt="Иллюстрация" align="left" vspace="5" hspace="5">текстp>

</body>

</html>

Обтекание таблицы текстомАтрибут ALIGN, используемый для задания признака обтекания таблиц текстом, может принимать два значения - left, right. Первое - заставляет браузер поместить таблицу слева от текста, второе - справа.Если необходимо, чтобы форматированию подвергся определенный фрагмент текста, надо применить тэг <BR> с атрибутом CLEAR, указывающими позицию в тексте, начиная с которой обтекание отменяется. Значения left, right, all атрибута CLEAR позволяет определить, с какой стороны текст далее будет свободен от таблицы.Пример:

<table border="1" align="left">

<tr>

<td>11</td>

<td>11</td>

</tr>

<tr>

<td>11</td>

<td>11</td>

</tr>

</table>

<p>Текст обтекает таблицу</p>

<br clear="left">

<p>Текст не обтекает таблицу</p>

55. Фреймы(кадры). Фреймсеты(наборы кадров). Атрибуты

Фрейм -это неподвижная часть (неподвижное окно) web-страницы, которая является элементом окна браузера. В каждом фрейме отображается свой документ HTML. Пример использования фреймов - область элементов перемещения, которая обычно располагается слева или справа, а иногда снизу или вверху. Создание стандартной страницы с фреймами требует по крайней мере трех oтдельных страниц HTML.

Тэг Frameset (набор кадров).<Frameset> тэг определяет, как разделить окно на кадры. Каждый frameset определяет количество строк (rows) или столбцов (cols). Значения строк/столбцов указывают на область экрана, которую займет каждая строка/столбец.

Атрибуты тега <frameset>:

cols=x. Создает столбцы. X- переменная, которая заменяется на значение либо в пикселях, либо в процентах, либо на комбинацию одного из них и звездочки (*). В последнем случае создается динамический фрейм или фрейм относительного размера, занимающий остаток доступного пространства.

rows=x. Создает строки так же, как атрибут cols - столбцы.

border=x. Используется броузером Netscape Navigator версии 3.0 и выше для указания ширимы рамки. Значение переменной задается в пикселях.

frameborder=x. Используется Internet Explorer для задания ширины рамки в пикселях. Netscape Navigator 3.0 и выше использует этот атрибут со значениям иуеsилиno.

framespacing=x. Используется Internet Explorer для управления шириной рамки.

Атрибуты тега <frame>:

frameborder=x. Управляет рамками вокруг отдельных фреймов. Netscape Navigator требует значенияyesилиno, a Internet Explorer будет искать числовое значение ширины в пикселях.

marginheight=x. Контролирует высоту поля фрейма; значение указывается в пикселях.

marginwidth=x. Контролирует ширину поля фрейма: значение указывается в пикселях.

name==x. Присваивает имя отдельному фрейму. Имена фреймов позволяют создавать ссылки па них из других страниц HTML. Имена должны начинаться со стандартного символа или цифры.

noresize. Поместите этот полезный атрибут в вашу строку, если не хотите, чтобы пользователи вручную изменяли высоту или ширину фрейма.

scrolling=x. Управляет отображением полос прокрутки; этому атрибуту присваиваются значенияyes,noилиauto. Значение yes автоматически помещает полосу прокрутки во фрейм, значение no означает, что полоса прокрутки не появится. Параметр auto отдает управление броузеру, который автоматически помещает полосу прокрутки во фрейм в случае необходимости.

src=x. Надо заменить переменную "x" на относптельный или абсолютный URL страницы HTML, которую вы желаете поместить внутрь фрейма.

border=x.Определяет ширину разделительной полосы между фреймами в пикселях.

bordercolor=x.Определяет цвет разделительной полосы. Цвет задается либо шестнадцатиричным кодом, либо именем.