Як вирівняти таблицю

Як вирівняти таблицю

У побудові сайтів за допомогою популярної і простої мови HTML є певні правила оформлення і вирівнювання таблиць. Нерідко таблиця, яку ви розмістили на сторінці, зміщується і тому, щоб вона відповідала загальній компоновці сторінки, її необхідно вирівняти по центру сторінки або по лівому або правому краю. За замовчуванням таблиця в HTML вирівнюється за лівим краєм, тому вам потрібно знати теги, за допомогою яких можна змінити її положення.

Інструкція

1. Щоб вирівняти таблицю по центру веб-сторінки, скористайтеся атрибутом align = center, присутнім у тегу table. Для вирівнювання таблиці праворуч використовуйте атрибут align = "right". Для вирівнювання ліворуч сторінки змініть значення атрибута на left.


2. Крім самої таблиці, вирівняти можна і вміст її комірок - по горизонталі, або по вертикалі. Для горизонтального вирівнювання вмісту комірок таблиці використовуйте атрибут align тега tr з відповідним значенням. Для комірок застосуйте його до тегу td.

3. Поекспериментуйте з різним вирівнюванням рядків у різних комірках - ви можете вирівняти текст в одній комірці таблиці по центру, а в іншій - по правому або лівому краю.

4. Для вертикального вирівнювання тексту скористайтеся атрибутом valign = "top" для тегів tr і td, щоб помістити вміст по верхньому краю комірки. Щоб розмістити вміст по середній лінії комірки, змініть значення top на middle, а для вирівнювання за нижнім краєм комірки змініть значення на bottom. Можна також вирівняти вміст за базовою лінією (значення baseline).

5. Регулюючи вирівнювання вмісту комірок як горизонтальної, так і вертикальної площини, ви зможете надати таблиці саме той вигляд, який вона повинна мати в готовому вигляді на вашій веб-сторінці.