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:合并列
- 合并步骤:
- 确定合并的单元格
- 按照”左上“原则,合并行保留上一行,合并列保留左列
- 删除不用的
- 合并步骤:
列表
- 有序列表ol>li
- 一个ol可以包含多个li
- 无序列表 ul >li
- 一个ul可以包含多个li
- 自定义列表 dl>dt、dd
- 只有一个dt,多个dd且dt与dd是兄弟关系
表单
-
input
- 文本框text
- 单选框radio
- 同一组单选框要有一组name值
- 默认选中checked
- 复选框chebox
- 默认选中checked
-
label:增加点击区域
- label标签包含文本和输入框
-
select:下拉框
- 包含option
- 默认选中selected
-
textarea:文本域
- cols=10 rows=10–》十行十列
-
button:按钮