列表
无序列表
布局排列整齐不需要规定顺序的区域。标签:ul嵌套li,ul无序列表,li列表条目。
ul标签只能包裹li标签,li标签可以包裹任意内容。
有序列表
布局排列整齐需要规定顺序的区域。标签:ol嵌套li,ol有序列表,li列表条目。
ol标签只能包裹li标签,li标签可以包裹任意内容。
定义列表
标签,dl嵌套dt和dd,dl是定义列表,dt是定义列表的标题,dd是定义列表的描述或内容。
dl标签只能包裹dt和dd标签,dt和dd标签可以包裹任意内容。
表格
标签table嵌套tr,rt嵌套td和th。tr表示行,th表示表头单元格,td表示内容单元格。表格默认没有边框线,使用属性border为表格添加边框线。
用表格结构标签把内容划分区域,thead表格头部,tbody表格主题,tfoot表格底部。
合并单元格的步骤
1,明确合并目标。
2,保留最左上的单元格,添加属性(取值是数字,表示合并的单元格数量。
跨行合并标签是rowspan,保留最上单元格。
跨列合并标签是colspan,保留最左单元格。
3,删除·其他单元格。
表单
收集用户信息,适用登录和注册页面和搜索区域。
input标签
type属性值不同则功能不同。text文本框,用于输入单行文本。password密码框。radio单选框。checkbox多选框。file上传文件。
placeholder站位文本,显示提示信息。
radio常用属性;
name,控件名称,控件分组同组中只能选一个。checked(多选框也用)默认选中。
file默认情况下上传控件只能上传一个文件,添加multiple可以实现文件多选功能。
下拉菜单
标签select嵌套option,select下拉菜单整体,option下拉菜单每一项。selected默认选中。
文本域标签textarea(双),输入多行文本的表单控件。
label标签,网页中某个标签的说明文本。用label绑定文本和表单控件的关系,增大表单控件点击范围。
按钮
标签button,type属性值:
submit提交按钮,点击后可提交数据到后台。
reset重置按钮,点击后将表单控件恢复默认值。
button普通按钮,默认没有功能,一般配合JavaScript使用。
布局标签;div独占一格。span不换行。
空格实体名称 ;大于号>;小于号lt。