12.3 Вирівнювання елементів.

За замовчуванням біль­шість елементів на сторінці, наприклад, текст, таблиці, спис­ки, текст у клітинках таблиці, броузер вирівнює до лівого краю екрана чи клітинки. Часто тип вирівнювання потрібно змінити. Лінії можна вирівнювати до центру екрана чи до правого краю. Таблиці вирівнюють відносно екрана або текс­ту, який її облямовує. Текст у клітинках таблиці вирівнюють до центру чи до країв у горизонтальному чи вертикальному напрямках. Для цього до об'єктів застосовують теги вирівню­вання CENTER, LEFT, RIGHT або у відповідних тегах <HR>, <TABLE>, <TH>, <TD> та в інших використовують параметр ALIGN зі значеннями "left" - зліва, "center" - до центру, "right" - справа, "top" - угорі, "middle" - посередині, "bottom" - унизу. Значення "top", "middle", "bottom" може мати також параметр VALIGN, який забезпечує вирівнюван­ня у вертикальному напрямку.

Для вдалого розташування таблиць чи рисунків варто поекспериментувати з параметрами WIDTH і HEIGHT, які задають ширину і висоту елемента в пікселях або відсотках до розмірів усього екрана, наприклад, <TABLE WIDTH=300> задає ширину таблиці 300 пікселів; <TABLE WIDTH=50%> задає ширину таблиці півсторінки у горизонтальному напрямку.

Параметр SUMMARY=”текст" використовують для ін­формації про призначення і структуру таблиці для клієнських броузерів, що здійснюють невізуальне подання сторінки для осіб з фізичними обмеженнями, синтезують звук чи базу­ються на принципах азбуки Бройля.

Щоб створити заголовок таблиці, застосовують елемент CAPTION з параметром ALLIGN, наприклад, так:

<CAPTION ALLIGN="bottom">Цe моя таблиця </CAPTION>.

Параметри WIDTH і SIZE застосовують також для про­ведення ліній різної довжини і товщини, наприклад, тег <HR SIZE=30 COLOR="red"> замість звичайної лінії дає червону смугу товщиною 30 пікселів.

Довідка. Інформацію можна подати у вигляді таблиці без рамок за допомогою парного тега <PRE>...</PRE>. Текст у середині цього тега оформляють засобами табуляції. Броузер такий текст переформатовувати не буде.

12.4 Графічні об'єкти і гіперпосилання

Вставляння графічних і відеофайлів. Графічні зобра­ження, такі як фотографії, картинки, піктограми тощо, збері­гаються на серверах в окремих файлах з розширеннями bmp, jpg, gif та іншими і відображаються на web - сторінці за допо­могою тега <IMG> з параметрами:

<IMG SRС="адреса графічного файлу"

ALT = "альтернативний текст"

ALIGN="left"

WIDTH=240 HEIGHT=200>

Дія тега. Обов'язковим є лише перший параметр SRC. Альтернативний текст - це текст, який виводитиметься за­мість картинки, якщо броузер не може прийняти графічний файл або якщо режим відображення графіки вимкнено. Пара­метр ALIGN задає місце розташування картинки на екрані, а параметри WIDTH і HEIGHT - її розміри за шириною і висо­тою в пікселях або відсотках.

Зображення можна подати в рамці. Це рекомендують робити, якщо його використовуватимуть як гіперпосилання.

Для створення рамки навколо зображення призначений пара­метр BORDER= "товщина рамки в пікселях".

Праворуч і ліворуч від картинки, яку обгортає текст, можна зробити вільний простір: HSPACE = "кількість піксе­лів". Можна створити вільний простір також над і під рисун­ком: VSPACE = "кількість пікселів".

За допомогою тега IMG можна вставити також відео-фільм, який запускатиметься в момент відкриття web - сторінки:

<IMG DYNSRС="адреса відеофайлу”>.