Атрибут сеllраdding

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

<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>

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

Теги <Т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>