Computers en.roksbi.ru School "HTML COMMAND GUIDE"

[rajbr1981]

en.roksbi.ru School "HTML COMMAND GUIDE"

[rajbr1981]

A simple HTML table, containing two columns and two rows:

PHP Code:

<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table> 


Output

Month	Savings
January	$100

Definition and Usage

PHP Code:

The <table> tag defines an HTML table.

An HTML table consists of the <table> element and one or more <tr>, <th>, and <td> elements.

The <tr> element defines a table row, the <th> element defines a table header, and the <td> element defines a table cell.

A more complex HTML table may also include <caption>, <col>, <colgroup>, <thead>, <tfoot>, and <tbody> elements. 


[rajbr1981]

The align attribute specifies the alignment of a table according to surrounding text.

Normally, an HTML table will have a break before and after it. The align attribute allows other HTML elements to wrap around the table.



Example

A right-aligned HTML table:

PHP Code:

<table align="right">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table> 


Output

Month	Savings
January	$100
February	$80

Attribute Values
left Left-aligns the table
right Right-aligns the table
center Center-aligns the table

[rajbr1981]

bgcolor Attribute

Definition and Usage
The bgcolor attribute specifies a background color of a table.

Example:-
An HTML table with a background color:

PHP Code:

<table bgcolor="#00FF00">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table> 


Output

Month	Savings
January	$100

Attribute Values
color_name- Specifies the background color with a color name (like "red")
hex_number- Specifies the background color with a hex code (like "#ff0000")
rgb_number- Specifies the background color with an rgb code (like "rgb(255,0,0)")

[rajbr1981]

border Attribute

Definition and Usage
The border attribute specifies if a border should be displayed around the table cells or not.

Example
The following HTML table will be displayed with borders around the table cells:

PHP Code:

<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table> 


Output

Month	Savings
January	$100
February	$80

Attribute Values
"" - No borders around the table cells (the table could be used for layout purposes)
"1" - Add borders around the table cells (the table is NOT being used for layout purposes)

[rajbr1981]

cellpadding Attribute
Definition and Usage
The cellpadding attribute specifies the space, in pixels, between the cell wall and the cell content.

Note: Do not confuse this with the cellspacing attribute, which specifies the space between cells.

Example
Set the space between the cell wall and the cell content to 10 pixels:

PHP Code:

<table cellpadding="10">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table> 


Output

Month	Savings
January	$100

Syntax

PHP Code:

<table cellpadding="pixels"> 


Attribute Values
pixels - The space between the cell wall and the cell content

[rajbr1981]

cellspacing Attribute

Definition and Usage
The cellspacing attribute of table is not supported in HTML5.
The cellspacing attribute specifies the space, in pixels, between cells.

Note: Do not confuse this with the cellpadding attribute, which specifies the space between the cell wall and the cell content.

Example

Set the space between the cells to 10 pixels:

PHP Code:

<table cellspacing="10">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table> 


Output

Month	Savings
January	$100

Syntax

PHP Code:

<table cellspacing="pixels"> 


Attribute Values
pixels The space between cells

[rajbr1981]

frame Attribute

Definition and Usage
The frame attribute specifies which parts of the outside table borders that should be visible.

Example

Display only the outside borders of a table:

PHP Code:

<table frame="box">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table> 


Output

Month	Savings
January	$100

Syntax

PHP Code:

<table frame="value"> 


Attribute Values
void The outside borders are not shown
above The top outside border is shown
below The bottom outside border is shown
hsides The top and bottom outside borders are shown
vsides The left and right outside borders are shown
lhs The left outside border is shown
rhs The right outside border is shown
box The outside borders are shown on all four sides
border The outside borders are shown on all four sides

[rajbr1981]

rules Attribute

Definition and Usage
The rules attribute specifies which parts of the inside borders that should be visible.
For practical reasons, it may be better to not specify any rules, and use CSS instead.

Example

Display only the borders between the rows:

PHP Code:

<table rules="rows">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table> 


Output

Month	Savings
January	$100

Syntax

PHP Code:

<table rules="value"> 


Attribute Values

none No lines
groups Lines between row groups and column groups
rows Lines between rows
cols Lines between columns
all Lines between rows and columns

[rajbr1981]

summary Attribute
Definition and Usage
The summary attribute specifies a summary of the content of a table.

Example

The following HTML table defines a summary of the content of the table:

PHP Code:

<table summary="Monthly savings for the Flintstones family">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table> 


Output

Month	Savings
January	$100

Syntax

PHP Code:

<table summary="text"> 


Attribute Values
text A summary of the content of the table