Table Table
Is a complete table: Table title header table contents footer configuration
The benefits of complete table: You can better improve the efficiency of the browser loaded
<table>
<Caption> title </ caption> // title (centered by default)
<Thead> // Header (default in bold have centered style)
<Tr> // indicates the row
<Td> // represents the column
</td>
</tr>
</thead>
<Tbody> // body
<tr>
<td>body1</td>
</tr>
</tbody>
<Tfoot> // footer
<tr>
<td>foot1</td>
</tr>
</tfoot>
</table>
When the table width is the width of the content is not enough content to hold up the width of the table
If the width of the table contents display sufficient
At this time the situation in the width of your table setting
Two letters 换行
Beyond div width of the continuous English does not wrap
Chinese space system is considered a sign of newline
Force a line length of the system reaches
Merge (merge several rows or columns that would delete the corresponding lines or columns) of three tables
Merge Rows rowspan
And tied colspan
Liezi:
<table border="1px" style="text-align: center;">
<Caption> Exercise Course list </ caption>
<tr>
<Td colspan = "2"> time </ td>
<Td> Monday </ td>
<Td> Tuesday, </ td>
<Td> Wednesday </ td>
<Td> Thursday, </ td>
<Td> Friday </ td>
</tr>
<tr>
<td rowspan="4">1</td>
<Td> first class </ td>
<td>1</td>
<Td rowspan = "3"> large database application development </ td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr>
<Td> Class II </ td>
<td></td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr>
<Td> third class </ td>
<td></td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr>
<Td> Class IV </ td>
<td></td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr>
<td rowspan="4">1</td>
<Td> Class V </ td>
<td rowspan="2">大课</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr>
<Td> Class VI </ td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr>
<Td> Class VII </ td>
<td></td>
<td>4</td>
<td colspan="3">自习</td>
</tr>
<tr>
<Td> Class VIII </ td>
<td></td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
</table>
Renderings:
Style four tables;
Padding cellpadding = "0" cell
The distance between cellspacing = "0" Cell
rules displayed within borders dividing line
rows display line
cols display column
all show
Today is the midpoint of the combined use of a table, the table understanding of the merger to be proficient in it
<Td> Tuesday, </ td><Td> Wednesday </ td>
<Td> Thursday, </ td>
<Td> Friday </ td>
</tr>
<tr>
<td rowspan="4">1</td>
<Td> first class </ td>
<td>1</td>
<Td rowspan = "3"> large database application development </ td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr>
<Td> Class II </ td>
<td></td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr>
<Td> third class </ td>
<td></td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr>
<Td> Class IV </ td>
<td></td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr>
<td rowspan="4">1</td>
<Td> Class V </ td>
<td rowspan="2">大课</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr>
<Td> Class VI </ td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr>
<Td> Class VII </ td>
<td></td>
<td>4</td>
<td colspan="3">自习</td>
</tr>
<tr>
<Td> Class VIII </ td>
<td></td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
</table>
Renderings:
Style four tables;
Padding cellpadding = "0" cell
The distance between cellspacing = "0" Cell
rules displayed within borders dividing line
rows display line
cols display column
all show
Today is the midpoint of the combined use of a table, the table understanding of the merger to be proficient in it