(1)先说<tr>标签
<table>是<tr>的上层标签
<tr>必须在一个<table></table>里面,它不能单独使用,相当于<table>的属性标签.
<tr>...</tr> 定义一行标签,一组行标签内可以建立多组由<td>或<th>标签所定义的单元格。
<table>标示一个表格,<tr>标示这个表格中间的一个行
<td>标示行中的一个列,需要嵌套在<tr></tr>中间
这里是一个例子:(两行两列)
- <table>
- <tr>
- <td>名称</td>
- <td>数量</td>
- </tr>
- </table>
(2)<th>标签
<th>是需要嵌套在<tr>当中的,<tr>嵌套在<table>当中
<th>...</th> 定义表头单元格。表格中的文字将以粗体显示。<th>与<td>同样是标示一个储存格,有一点不同的是<th>所标示的储存格中的文字是以粗体出现,可以看成:
<th>网站制作</th>的显示效果相当于<td><b>文字</b></td>
在使用的时候,<th>标签必须放在<tr>标签内
(3)<td>标签
<td>...</td> 定义单元格标签,一组<td>标签将将建立一个单元格,<td>标签也必须放在<tr>标签内。
<th>为表格标题,属性summar为摘要,<caption>标签为首部说明,<thead>标签为表格头部,<tbody>标签为表格主体内容,<tfoot>标签为表格尾部。
提示:经常应常用就会遇到的一些不同:
<th>不光是粗体,还是居中的
<caption>也是居中的,而且如果table有border的话则caption不在border之内
tfood 元素内包含的有效标签有:
td
th
tr
任何给定的 table 对象都只能定义一个tfoot。
制作表格的基本代码格式:
- <table>
- <caption></caption>
- <thead>
- <tr>
- <th></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td></td>
- </tr>
- </tbody>
- <tfoot>
- <tr>
- <td></td>
- </tr>
- </tfoot>
- </table>