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

Читайте также:

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

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

<TR ALIGN=right>; <TD ALIGN=center> 1. Математика</TD>.

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

Для оформлення зовнішньої рамки таблиці можна використовувати атрибут FRAME тегу <TABLE>. Його значення визначають, що браузер відображатиме:

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

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

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

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

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

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

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

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

Відображення розділювальних ліній між стовпцями та рядками таблиці визначають за допомогою атрибута RULES тегу <TABLE>.

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

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

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

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

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

Вправа 1. Настроїмо зовнішній вигляд таблиці.

1. Створіть HTML-документ, який містить таблицю із такими настройками: товщина рамки таблиці дорівнює 15 пікселям, відображаються всі її чотири сторони. Нехай ширина таблиці становить 300 пікселів.

2. Збережіть документ у файлі з розширенням.html. На рис.5 показано, який вигляд має таблиця у вікні браузера.

Рис. 5. Таблиця із рамкою товщиною 15 пікселів

<HTML>

<TITLE>Приклад встановлення ширини таблиці</TITLE>

<BODY>

<TR>

<TD COLSPAN="3"AN="2" WIDTH=50% ALIGN=center>Група</TD>

</TR>

<TR>

</TR>

</TABLE>

</BODY>

</HTML>

Дата добавления: 2015-07-11; просмотров: 158 | Нарушение авторских прав

Читайте в этой же книге: Завдання 2. Створення запиту на об’єднання з використанням мови SQL | Завдання 4. Створення запиту на вибірку з використанням Построителя выражений | Завдання 6. Створення запиту з параметром | Створення таблиці | Використання таблиць для розміщення об'єктів на веб-сторінці | Фрейми, їхні теги й атрибути | Використання посилань у фреймах | Хід роботи |

<== предыдущая страница	\|	следующая страница ==>
Об'єднання комірок	\|	Колірне оформлення таблиць

mybiblioteka.su - 2015-2024 год. (0.005 сек.)