Вирівнювання тексту відносно графіки

Атрибут ALIGN зі значенням top (зверху), middle (посередині) і bottom (знизу) дозволяє задавати вертикальне положення фрагменту тексту відносно меж сусіднього графічного зображення. По замовчуванню Web-браузери вирівнюють текст по положенню нижньої кромки зображення.

Наприклад,

<Р><IMG SRC=”Назва файлу.jpg” ALIGN=”top”> Цей текст вирівняний по верхній кромці зображення</Р>

<Р><IMG SRC=”Назва файлу.jpg” ALIGN=”middle”>Цей текст вирівняний по середній осі зображення</Р>

<Р><IMG SRC=”Назва файлу.jpg” ALIGN=”bottom”>Цей текст вирівняний по нижній кромці зображення</Р>

відобразиться браузером:

	Цей текст вирівняний по верхній кромці зображення
	Цей текст вирівняний по середній осі зображення
	Цей текст вирівняний по нижній кромці зображення

Якщо атрибут ALIGN вже був застосований для задавання параметру обтікання графіки текстом, встановити ознаку вирівнювання тексту відносно графіки у межах конкретної Web-сторінки не удасться.

Пуста область навколо графічного зображення

По замовчуванню у вікні Web-браузера графічні зображення відокремлюються від інших елементів сторінки пустою облямівкою шириною у декілька екранних пікселів. Збільшення розмірів облямівки може покращити зовнішній вигляд сторінки.

Атрибут HSPASE надає можливість задавання ширини чистої області зліва та справа від зображення, а атрибут VSPASE управляє значенням висоти пустих смуг зверху та знизу.

Наприклад,

<IMG SRC=”Назва файлу.jpg” ALIGN=”left” HSPASE=”30” VSPASE=”30”>

<FONT SIZE=”4”><І>Малюнок буде облямований пустими смугами, розмір яких задали. </І> </FONT>

<BR>

Ця сторінка присвячена останнім досягненням в галузі напівпровідникової нано- і мікроелектроніки.

відобразиться браузером:

	Малюнок буде облямований пустими смугами, розмір яких задали. Ця сторінка присвячена останнім досягненням в галузі напівпровідникової
нано- і мікроелектроніки.

Побудова горизонтальної лінійки

Дескриптор <НR> дозволяє побудувати на Web-сторінці горизонтальну лінійку, яка являє собою лінію, яка візуально розділяє групи елементів сторінки. Горизонтальні лінійки зручно використовувати , наприклад, для розмежування не пов’язаних змістом фрагментів тексту або підкреслювання заголовків.

По замовчуванню Web-браузер будує лінійки товщиною у 2 пікселі.

Наприклад,

Цей текст розміщений над горизонтальною лінійкою

<НR>

Цей текст розміщений під горизонтальною лінійкою

відобразиться браузером:

Цей текст розміщений над горизонтальною лінійкою

Цей текст розміщений під горизонтальною лінійкою

Атрибут SIZE дозволяє задати довільне значення товщини. Якщо необхідна лінійка обмеженої довжини, потрібно застосувати атрибут WIDTH. Присвоївши йому відповідне значення, виражене у процентах від поточного горизонтального розміру вікна браузера.

Наприклад,

Ця лінійка має товщину, рівну 10 екранним пікселям

<НR SIZE=”10”>

Ця лінійка має довжину, рівну половині поточної ширини вікна Web-браузера

<НR WIDTH =”50%”>

відобразиться браузером:

Ця лінійка має товщину, рівну 10 екранним пікселя

Ця лінійка має довжину половини поточної ширини вікна Web-браузера

_________________________________

При обмеженні довжини лінійки за допомогою атрибуту WIDTH браузер по замовчуванню вирівнює її по центру сторінки. Щоб змінити спосіб вирівнювання, слід скористатись атрибутом ALIGN.

Наприклад,

<НR WIDTH =”50%” ALIGN =”left (right, center)”>