HTML5_Day02笔记

HTML5_Day02笔记

表格

• 作用：显示数据

• 标签：

  • table
  • th：小标题，居中，加粗

• tr：行

  • td：列
  • caption：大标题

• 3*3的表格：三个tr每个tr里面三个td

• 属性

  • border：表格的边框 默认是零
  • width：宽度
  • height：高度
  • cellpadding：单元格与内容的间距
  • cellspacing：单元格之间的间距
  • align：left、center、right
    • 给 table 设置居中 文字并不会居中 当指定 tr 或 td 文字才会居中
  • colspan：合并行
  • rowspan：合并列
    • 合并步骤：
      1. 确定合并的单元格
      2. 按照”左上“原则，合并行保留上一行，合并列保留左列
      3. 删除不用的

列表

• 有序列表ol>li
  • 一个ol可以包含多个li
• 无序列表 ul >li
  • 一个ul可以包含多个li
• 自定义列表 dl>dt、dd
  • 只有一个dt，多个dd且dt与dd是兄弟关系

表单

• input

  • 文本框text
  • 单选框radio
    • 同一组单选框要有一组name值
    • 默认选中checked
  • 复选框chebox
    • 默认选中checked

• label：增加点击区域

  1. label标签包含文本和输入框
  2. 请输入用户名

• select:下拉框

  • 包含option
  • 默认选中selected

• textarea：文本域

  • cols=10 rows=10–》十行十列

• button：按钮