CSS 表格基本使用 案例

知识点普及：
表格是html中经常使用到的，简单的使用可能很多人都没问题，但是更深入的了解的人恐怕不多，下面我们先来看一下如何使用。

是的上层标签
必须在一个里面,它不能单独使用,相当于的属性标签.  
标示一个表格,标示这个表格中间的一个行  
中间

具体格式是:(两行两列)  
标示行中的一个列,需要嵌套在
当中的,嵌套在
  
  
  
  
  


和
一样,也是需要嵌套在
当中

... 用于定义一个表格开始和结束

... 定义表头单元格。表格中的文字将以粗体显示（与同样是标示一个储存格,唯一不同的是所标示的储存格中的文字是以粗体出现,即可以这样看：
文字=文字
），
在表格中也可以不用此标签，标签必须放在标签内

... 定义一行标签，一组行标签内可以建立多组由或标签所定义的单元格

... 定义单元格标签，一组标签将将建立一个单元格，标签必须放在标签内


。为表格标题，属性summar为摘要，标签为首部说明，标签为表格头部，标签为表格主体内容，标签为表格尾部。
其中还可以使用scope 可用于取代headers属性，标记含有表头信息的单元格，其中各数值的内容如下：
　row 指示当前单元格，为包含当前单元格的行提供相关的表头信息。
　col 指示当前单元格，为根据当前单元格指定的列提供相应的表头信息。
　rowgroup 指示当前单元格，为包含当前单元格的其余行组提供相关的表头信息。
　colgroup 指示当前单元格，为根据当前单元格指定的其余列组提供相应的表头信息。
abbr 用于定义表头单元格中的缩写名，如果没有定义该属性，则将默认单元格内容为节略形式。

案例： 注意区分《tr是行，td是列》



"utf-8"> 






  

    
Firstname
    
Lastname
  
  

    
Peter
    
Griffin
  
  

    
Lois
    
Griffin
  


注意： 如果没有指定 !DOCTYPE  border-collapse 属性在 IE8 及更早 IE 版本中是不起作用的。