表格的基本设置

• 使用table标签创建一个表格。
  tr表示表格中的一行。
  tr中可以编写一个或多个th或td。
  th表示表头。
  td表示表格中的一个单元格。
  caption表示表格的标题。
  thead表示表格的头部。
  tbody表示表格的主体。
  tfoot表示表格的底部。

合并单元格

• 合并单元格指将两个或两个以上的单元格合并为一个单元格。
  合并单元格可以通过在th或td中设置属性来完成。
  横向合并----colspan
  纵向合并----rowspan

表格的样式

• text-align：设置文本的水平对齐。
  vertical-align：设置文本的垂直对齐。
  border-spacing：边框间距
  border-collapse：合并边框
  --separate：不合并边框

1

  

  

    
A1
    
A2
    
A3
    
A4


    
C1
    
C2
    
C3


    
B2
    
B3
    
B4

  


 

2

 


    
A1
    
A2
    
A3
    
    
A3


    
2
    
C2
    
C3
    
C4


    
3
    
B3
    
    
B3
    
B3


    
4
    
C2
    
C3
    
C4


    
5
    
C2
    
C3
    
C4


    
6
    
C2
    
C3
    
C4


    
7
    
C2
    
C3
    
C4

表单项

input、select、option、textarea
input是我们使用的最多的表单项，它可以根据不同的type属性呈现不同的状态。
type属性可选值：
--text：文本框
--password：密码框
--submit：提交按钮
--radio：单选按钮
--checkbox：多选框
--reset：重置按钮
select用于创建一个下拉列表。
option表示下拉列表中的列表项。
optgroup用于为列表项分组
textarea用来创建一个文本域，可以属性：
--cols：文本域的列数
--rows：文本域的行数
fieldset、legend、label
fieldset用来为表单项进行分组。
legend用来指定每组的名字。
label标签用来为表单项定义描述文字。

    
用户信息
用户名



密码






    
用户爱好
性别男
女
东方不败


 爱好 睡觉
吃饭
学习
打豆豆





你喜欢的明星

    
    
        小猪佩奇
        迪迦
        熊二
    

    
    李冰冰
    范冰冰
    高圆圆
    



自我介绍