欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

table 的区别  

程序员文章站 2022-07-03 19:15:51
...

(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>