HTML---基本标签3
一、无序列表标签ul用法ul……/ul特点排名不分先后顺序适用于表示项目之间没有特定顺序的情况ul li 支付方式 ul li货到付款/li li财付通/li li支付宝/li li网银在线/li /ul /li /ul二、有序列表标签ol用法ol……/ol快捷指令olli*5ol标签属性ol start条目起始数字 type列表符号类型type属性取值A,a,l,i,1ol typeA li选择您要使用的网上银行/li li显示您的应付总价,点击“确认无误,付款”/li li确定您在银行的预留信息,点击确认;/li li输入您的网银账号、登录密码、验证码:/li li支付成功。提示已完成付款./li /ol实现图三、创建表格table:用于创建表格容器tr:表格中的一行td:表格中的单元格th:表格中的表头单元格一种特殊的单元格table border1 cellpadding8 cellspacing0 tr th/th th教师人数/th th学生人数/th th总人数/th /tr tr td2021年/td td40/td td400/td td440/td /tr tr td2022年/td td100/td td1500/td td1600/td /tr tr td2023年/td td150/td td3000/td td3150/td /tr tr td2024年/td td250/td td4000/td td4200/td /tr /table实现图四、合并单元格1. 合并后删除冗余单元格跨行/跨列后被合并的单元格必须删除否则表格会错位。例如2022年总人数列因被2021年rowspan2合并无需再写td。2. 属性书写位置◦ colspan 写在最左侧的单元格中◦ rowspan 写在最上方的单元格中3. 样式优化border-collapse: collapse 用于合并表格边框避免出现双线让表格更美观4.colspann作用向右合并n个单元格rowspann;作用向下合并n个单元格table border1 cellpadding8 cellspacing0 tr th/th th教师人数/th th学生人数/th th总人数/th /tr tr td2021年/td td colspan2/td td rowspan2/td /tr tr td2022年/td td/td td/td /tr tr td2023年/td td colspan2 rowspan2/td td/td /tr tr td2024年/td td colspan2/td /tr /table实现图如下