table <tr><th><tb>的区别

(1)先说<tr>标签

<table>是<tr>的上层标签
<tr>必须在一个<table></table>里面,它不能单独使用,相当于<table>的属性标签. 
<tr>...</tr> 定义一行标签,一组行标签内可以建立多组由<td>或<th>标签所定义的单元格。
<table>标示一个表格,<tr>标示这个表格中间的一个行 
<td>标示行中的一个列,需要嵌套在<tr></tr>中间

这里是一个例子:(两行两列) 

Java代码 
  1. <table>   
  2. <tr>   
  3. <td>名称</td>  
  4. <td>数量</td>   
  5. </tr>   
  6. </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。

 

制作表格的基本代码格式: 

Java代码 
  1. <table>  
  2. <caption></caption>  
  3. <thead>  
  4. <tr>  
  5. <th></th>  
  6. </tr>  
  7. </thead>  
  8. <tbody>  
  9. <tr>  
  10. <td></td>  
  11. </tr>  
  12. </tbody>  
  13. <tfoot>  
  14. <tr>  
  15. <td></td>  
  16. </tr>  
  17. </tfoot>  
  18. </table>  

猜你喜欢

转载自liujun11.iteye.com/blog/2386994