Розміщення зображень у тексті

Зображення можна розмістити у тексті, але при цьому слід визначити, в який спосіб текст обтікатиме його. Для взаємного розміщення тексту і зображень призначений атрибут ALIGN у тегу <IMG>, який може набувати, зокрема, таких значень:

• l e f t — зображення розміщене в лівій частині сторінки, текст обтікає його з правого боку;

• r i g h t — зображення розміщене у правій частині сторінки, текст обтікає його з лівого боку;

• top — обтікання немає, зображення розміщене в тексті, відповідний рядок якого вирівняно за верхньою межею малюнка;

• bott om — обтікання немає, зображення розміщене в тексті, відповідний рядок якого вирівняно за нижньою межею малюнка;

• middle — обтікання немає, зображення розміщене в тексті, відповідний рядок якого вирівняно по середній лінії малюнка.

За умовчанням атрибут ALIGN має значення l e f t.

Для того щоб картинка не була розташована впритул до тексту, можна задати відступи. Це роблять за допомогою атрибута HSPASE для бокових полів та атрибута VSPASE для верхнього і нижнього полів. Значення аргументів задають у вигляді чисел, що визначають розміри відступів у пікселах.

У прикладі, наведеному нижче, задано такі значення атрибутів, що малюнок розміщується ліворуч від тексту, який обтікатиме його. Поля навколо малюнка матимуть розмір 10 пікселів.

<HTML>

<TITLE>МАЛЮНОК</TITLE>

<BODY BACKGROUND="1.jpg">

<IMG SRC="flamingo.jpg" ALIGN=left HSPACE=10 VSPASE=10>

Блакитні води океану та коралові рифи,

ласкаве сонце і білосніжний прибережний пісок,

фантастичний підводний світ і казкові птахи,

буяння барв сходів і заходів, непрохідні ліси

і п'янкий запах орхідей...

Сприятливий клімат Острова Свободи дає можливість

туристам відвідувати його цілий рік. Тут немає зайвої

вологості, а спека не така страшна завдяки постійним

подувам бризів із океану. Середньорічна температура

повітря й води становить + 26—28°С.

</BODY>

</HTML>

Рис 4. Взаємне розміщення тексту і графіки

<== предыдущая лекция	\|	следующая лекция ==>
Вставлення зображень на веб-сторінку	\|	Графічні гіперпосилання. Карти посилань. Формування карти гіперпосилань

Поделиться с друзьями:

Дата добавления: 2014-01-11; Просмотров: 1320; Нарушение авторских прав?; Мы поможем в написании вашей работы!

Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет

studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление

Генерация страницы за: 0.011 сек.