HTML table tags and attributes

Tables are a very important feature of HTML that allows you to design diverse tables using a variety of properties. Using a table can make your page have a lot of unexpected effect, make the page more neat and beautiful.

Common table Tags

<TABLE>...</TABLE> form instructions.

Related properties:
· ALIGN Adjustment
· bgcolor background color
· BORDER border
· Height Heights
· Width widths <CAPTION>...</CAPTION> table headings.

Related properties:
· ALIGN Adjustment <TR>...</TR> Table columns (</TR> can be omitted).

Related properties:
· ALIGN Adjustment <TH>...</TH> Table column header (header) bold (</TH> can omit).

Related properties:
· ALIGN Adjustment
· COLSPAN Column Width
· ROWSPAN column height <TD>...</TD> form column data (cell) (</TD> can be omitted).

Related properties:
· ALIGN Adjustment
· bgcolor background color
· Height Heights
· Width breadth
· COLSPAN Column Width
· ROWSPAN column Height

Example

such as: (base type)
<table border=1 align=center>
<TR><TD> Pacific Network College <TD> Pacific Network College
<TR><TD> Pacific Network College <TD> Pacific Network College
</TABLE>

Pacific Network College	Pacific Network College
Pacific Network College	Pacific Network College

such as: (enhanced type) to increase the background color, table title, column title, hurdle width, high hurdle.

<table border=1 align=center bgcolor= #CCCCFF >
<CAPTION> Table title </CAPTION>
<tr><td><th colspan=2> row Heading 1 <th colspan=2> row Heading 2
<tr><th rowspan=2> column Heading 1 <td>a <td>a <td>a <td>a
<tr><td>b <td>b <td>b <td>b
<tr><th rowspan=2> column Heading 2 <td>c <td>c <td>c <td>c
<tr><td>d <td>d <td>d <td>d
</TABLE>

Table title

	row Heading 1	row header 2
	a	a
b	b	b
column Heading 2	c	c	c
d	d	d

Read the above examples, you should understand the basic form of the table!