目录一.列表1.⽆序列表2. 有序列表​编辑二.表格2.1创建表格2.2合并单元格三.表单3.1input系列标签3.2 button按钮标签一.列表1.⽆序列表场景在⽹⻚中表示⼀组⽆顺序之分的列表如新闻列表。h1⽔果列表/h1 !-- ul表示⽆序列表的整体 -- !-- li表示⽆序列表的每⼀项 -- ul li p我也是⼀个p标签/p /li li榴莲/li li⾹蕉/li li苹果/li li哈密⽠/li li⽕⻰果/li /ul2. 有序列表在⽹⻚中表示⼀组有顺序之分的列表如排⾏榜。h1成绩排⾏榜/h1 !-- ol表示有序列表的整体 -- !-- li表示有序列表的每⼀项 -- ol li⼩姐姐100分/li li⼩帅哥80分/li li⼩可爱60分/li /ol二.表格2.1创建表格场景在⽹⻚中以⾏列的单元格的⽅式整⻬展示和数据如学⽣成绩表。标签的嵌套关系table tr td。常⻅相关属性其他标签caption标签书写在table标签内部 th标签书写在tr标签内部!-- table表示表格的整体 -- !-- tr表示表格的每⼀⾏ -- !-- td表示表格的单元格 -- table tr td姓名/td td成绩/td td评语/td /tr tr td⼩哥哥/td td100分/td td⼩哥哥真帅⽓/td /tr tr td⼩姐姐/td td100分/td td⼩姐姐真漂亮/td /tr tr td总结/td td郎才⼥貌/td td郎才⼥貌/td /tr /table2.2合并单元格1. 明确合并哪⼏个单元格2. 通过左上原则确定保留谁删除谁上下合并 → 只保留最上的删除其他 左右合并 → 只保留最左的删除其他3. 给保留的单元格设置跨⾏合并或者跨列合并table border1 width300 height300 captionh3学⽣成绩单/h3/caption tr th姓名/th th成绩/th th评语/th /tr tr td⼩哥哥/td !-- 保留 -- td rowspan2100分/td td⼩哥哥真帅⽓/td /tr tr td⼩姐姐/td !-- 删除 -- !-- td100分/td -- td⼩姐姐真漂亮/td /tr tr td总结/td !-- 保留 -- td colspan2郎才⼥貌/td !--删除 -- !-- td郎才⼥貌/td -- /tr /table三.表单场景在⽹⻚中显示收集⽤户信息的表单效果如登录⻚、注册⻚3.1input系列标签form !-- 1、⽂本框texttype属性的默认值 -- 昵称input typetext placeholder请输⼊您的昵称brbr !-- 2、密码框password -- 密码input typepassword placeholder请输⼊您的密码brbr !-- 3、单选框radio -- 性别input typeradio namesex checked男input typeradio namesex⼥brbr !-- 4、多选框checkbox -- 爱好input typecheckbox checked敲代码 input typecheckbox checked熬夜 input typecheckbox掉头发brbr !-- 5、⽂件选择file -- input typefile multiplebrbr !-- 按钮 -- !-- 1、submit提交按钮-- input typesubmit !-- 2、reset重置按钮 -- input typereset !-- 3、button普通按钮 -- input typebutton value普通按钮 /form3.2 button按钮标签场景在⽹⻚中显示⽤户点击的按钮标签名button