Оператор з обробки інформації та програмного забезпечення

урок 20

Команди форматування тексту та оформлення рамок таблиці; колірне оформлення таблиць

Команди форматування тексту та оформлення рамок таблиці; колірне оформлення таблиць.

Форматування тексту та оформлення рамок таблиці

Текст всередині комірок можна вирівнювати як по горизонталі, так і по вертикалі. Горизонтальне вирівнювання вмісту всього рядка задають за допомогою атрибута ALIGN у тегу <TR>; цей самийатрибут у тегах <TD> або <ТН> в окремих комірках виконує такусаму роль.

Атрибут ALIGN може набувати значень center , right ,lef t або justify , які задають вирівнювання вмісту таблиці відповідно по центру, за правим чи лівим краєм або за шириною.

Приклади тегів <TR> та <TD> із використанням вирівнювання:

<TR ALIGN=right>; <TD ALIGN=center>l . Алгебра</TD>.

Вертикальне вирівнювання задають у тегах <TR>, <TD> або <ТН>за допомогою атрибута VALIGN, який може набувати значень top,bottom та middle, що визначають вирівнювання відповідно заверхнім та нижнім краєм і по центру.

Для оформлення зовнішньої рамки таблиці можна використовува

ти атрибут FRAME тегу <TABLE>. Його значення визначають, що

браузер відображатиме:

• box — всі чотири сторони рамки;

• above — лише верхню межу рамки;

• below — лише нижню межу;

• lhs — лише ліву межу;

• rhs — лише праву межу;

• hside s — верхню й нижню межі рамки;

• vsides — ліву й праву межі рамки;

• void — зовнішня рамка не відображатиметься.

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

таблиці визначають за допомогою атрибута RULES тегу <TABLE>.

Він може набувати таких значень:

• al l — відображати всі вертикальні та горизонтальні лінії;

4 rows — лише горизонтальні лінії між рядками;

• col s — лише вертикальні лінії між стовпцями;

• none — не показувати розділювальних ліній.

Колірне оформлення таблиць

Для оформлення комірок таблиць за допомогою кольорів застосовують атрибут BGCOLOR. Колір можна визначати, вказуючи йогоназву англійською мовою або символ # та шістнадцяткове число.

Якщо потрібно задати колір для всієї таблиці, то атрибут BGCOLOR задають у тегу <TABLE>, для зміни кольору лише в одному рядку — в тегу <TR>, а настроювання кольору окремої комірки забез печує наявність цього атрибута всередині тегу <TD> або <ТН>.

Колір рамки таблиці можна задати за допомогою таких атрибутів:

• BORDERCOLOR — колір ВСІЄЇ рамки;

• BORDERCOLORLIGHT — колір світлої частини рамки;

• BORDERCOLORDARK — колір темноїЇ частини рамки.

Ці атрибути вставляють у тег <TABLE>. Щоб вони діяли, необхід на наявність ще й атрибута BORDER, який задає товщину рамки.

Розглянемо приклад оформлення таблиці за допомогою різних

кольорів.

Приклад HTML-документ, який містить різнокольорову таблицю

<HTML>

<TITLE>Приклад керування кольором</TITLE>

<BODY>

<TABLE BGCOLOR="#F0F0F0" BORDER=10 BORDERCOLOR="#808080"

BORDERCOLORLIGHT="#9 9CCFF" BORDERCOLORDARK="#9900FF">

<TH COLSPAN="3">Класи</ТН>

</TR>

<TR>

</TR>

</TABLE>

</BODY>

</HTML>

Якщо необхідно задати колір шрифту для тексту таблиці, то це можна зробити за допомогою тегу <FONT> всередині відповідних

тегів <TD>. Наприклад: <TD BGCOLOR=magenta><FONT COLOR=pink>TeKCT</FONT></TD>

створе ння таблицьHTML. Частина 3.pdf

Page updated

Report abuse