Атрибути аlign і valign

Атрибут СЕLLРАDDING

Застосування порожніх клітинок

Якщо осередок не містить даних, вона не матиме меж. Якщо потрібно, щоб у осередки були кордону, але не було вмісту, необхідно помістити в неї щось, що не буде видно при перегляді. Можна скористатися порожній рядком <ВR>. Можна навіть поставити порожні стовпці, визначивши їх ширину в пікселах або відносних одиницях і не ввівши в отримані осередку ніяких даних. Цей засіб може виявитися корисним при розміщенні на сторінці тексту і графіки.

Даний атрибут визначає ширину порожнього простору між вмістом комірки і її межами, тобто задає поля всередині комірки.

<HTML><BODY> <CENTER> <TABLE BORDER CELLPADDING = 20 > <TR> <TD> Текст або дані </ TD> <TD> Текст або дані </ TD> <TD> Текст або дані </ TD> </ TR> <TR> <TD> Текст або дані </ TD > <TD> Текст або дані </ TD> <TD> Текст або дані </ TD> </ TR> </ TABLE><BR> <TABLE BORDER CELLPADDING=0> <TR> <TD> Текст або дані </ TD> <TD> Текст або дані </ TD> <TD> Текст або дані </ TD> </ TR> <TR> <TD> Текст або дані </ TD> <TD> Текст або дані </ TD> < TD> Текст або дані </ TD> </ TR> </ TABLE> </ CENTER></ BODY></ HTML>

Теги <ТR>, <ТD> та <ТН> можна модифікувати за допомогою атрибутів ALIGN і VALIGN. Атрибут АLIGN визначає вирівнювання тексту і графіки по горизонталі, тобто по лівому або правому краю, або по центру. Горизонтальне вирівнювання може бути задано декількома способами:

ALIGN = blееdleft

притискає вміст комірки впритул до лівого краю.

ALIGN = left

вирівнює вміст комірки по лівому краю з урахуванням відступу, заданого атрибутом СЕLLPADDING.

АLIGN = сеnter

своєму розпорядженні вміст комірки по центру.

АLIGN = right

вирівнює вміст осередку по правому краю з урахуванням відступу, заданого атрибутом СЕLLPADDING.

<HTML><BODY> <TABLE BORDER WIDTH=100%> <TR> <TD ALIGN=left> Текст або дані </ TD> <TD ALIGN=center> Текст або дані </ TD> <TD ALIGN=right> Текст або дані </ TD> </ TR> <TR> <TD ALIGN=right> Текст або дані </ TD> <TD ALIGN=center> Текст або дані </ TD > <TD ALIGN=left> Текст або дані </ TD> </ TR> <TR> <TD ALIGN=right> Текст або дані </ TD> <TD ALIGN=right> Текст або дані </ TD> <TD ALIGN = right> Текст або дані </ TD> </ TR> <TR> <TD ALIGN=center> Текст або дані </ TD> <TD ALIGN=center> Текст або дані </ TD> <TD ALIGN=center> Текст або дані </ TD> </ TR> <TR> <TD ALIGN=left> Текст або дані </ TD> <TD ALIGN=left> Текст або дані </ TD> <TD ALIGN=left> Текст або дані </ TD> </ TR> </ TABLE></ BODY></ HTML>

Атрибут VALIGN здійснює вирівнювання тексту і графіки усередині осередку по вертикалі. Вертикальне вирівнювання може бути задано декількома способами:

VALIGN = top вирівнює вміст комірки по її верхньої межі.
VALIGN = middle центрує вміст осередку по вертикалі.
VALIGN = bottom вирівнює вміст комірки по її нижньої межі.

<HTML><BODY> <CENTER> <TABLE BORDER WIDTH = 90%> <TR> <TD WIDTH=100> Атрибут VALIGN здійснює вирівнювання тексту і графіки усередині осередку по вертикалі. </ TD> <TD VALIGN=top> верх, </ TD> <TD VALIGN=middle> середина, </ TD> <TD VALIGN=bottom> низ. </ TD> </ TR> <TR VALIGN=top> VALIGN=top><TDВирівнює вміст осередку по її верхньої межі. </ TD> <TD> верх, </ TD> <TD> верх, </ TD> <TD> верх. </ TD> </ TR> <TR VALIGN=middle> VALIGN=middle><TD центрує вміст осередку по вертикалі. </ TD> <TD > середина, </ TD> <TD> середина, </ TD> <TD> середина. </ TD> </ TR> <TR VALIGN=bottom> VALIGN=bottom><TD Вирівнює вміст осередку по її нижньої межі. < / TD> <TD> вниз, </ TD> <TD> вниз, </ TD> <TD> низ. </ TD> </ TR> </ TABLE> </ CENTER></ BODY></ HTML>

<== предыдущая лекция	\|	следующая лекция ==>
Заголовки	\|	Атрибут BACKGROUND

Поделиться с друзьями:

Дата добавления: 2014-01-15; Просмотров: 403; Нарушение авторских прав?; Мы поможем в написании вашей работы!

Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет

studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление

Генерация страницы за: 0.011 сек.