列表元素
有序列表ol,直接元素只能用li
无序列表ul,直接子元素只能是li
定义列表 dl 直接子元素只能是dt dd
dt 是项目名称 dd项目描述,一个dt后面可以跟着多个dd
表格元素
table内部的tr td元素
细线表格
<style>
td {
border: 1px solid #000;
}
/*合并单元格*/
table {
border-collapse: collapse;
}
</style>
更完整的表格元素
- tbody 表格的主体
- caption 表格的标题
- thead 表格的表头
- tfoot 表格的页脚
- th 表格的表头单元格子元素
单元格的合并
- rowspan行合并
- colspan 列合并
- border-spacing 设置单元格之间的水平,垂直间距
表单 form
表单:一般情况下,其他表单相关元素都是他的后代。
input :<input type="?">单行文本输入框,单选框 复选框 按钮等元素
- text : 文本
- password 密文文本
- button 按钮
- radio 单选框 提交表单的时候需要设置 value,name
- checkbox 复选框 提交表单的时候需要设置 value,name
- reset重置表单内的内容
- submit 提交表单内容
- name,设置name属性可以提交表单的时候可以作为参数名
textarea : 多行文本框
label 元素一般配合input元素使用,用来表示input的标题,点击会自定激活锁配套的input焦点,必须设置id属性
<form>
<label for="phone">账号</label>
<input type="text" id="phone">
</form>