html 列表和表格的使用

张开发
• 2026/4/7 4:27:20 • 15 分钟阅读

最新文章

推荐文章

相关文章

分享文章

html 列表和表格的使用
1列表是以结构化易读性更强的方式提供信息的方法我们学习了有序列表和无序列表。有序列表特点是有先后顺序用数字字母或数字标记适合步骤排名流程核心标签olli,无序列表特点是没有顺序用符号标记适合展示并列关系的内容核心标签是ulli。课堂上学习的例如:!DOCTYPE html html head meta charsetUTF-8 title商城支付向导/title /head body h1商城支付向导/h1 p◦ 支付方式/p ul li货到付款/li li财付通/li li支付宝/li li网银在线/li /ul hr p◦ 网银在线支付步骤/p ol typeA li选择您要使用的网上银行;/li li显示您的应付总价点击“确认无误付款”;/li li确定您在银行的预留信息点击确定;/li li输入您的网银账号、登陆密码、验证码;/li li支付成功提示“已完成付款”。/li /ol hr /body /html2:运行效果如下3.表格是用来展示二维数据的标签比如课程表成绩单核心标签table表格容器tr表格行td标准单元格th表头单元格在课堂上我们学习了创建表格和和并单元格的练习代码如下!DOCTYPE html head meta charsetUTF-8 title创建表格练习/title /head body h2创建表格练习/h2 table 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 /body /html!DOCTYPE html head meta charsetUTF-8 title合并单元格练习/title /head body h2合并单元格练习/h2 table tr th/th th教师人数/th th学生人数/th th总人数/th /tr tr td2021年/td td colspan2/td td rowspan2/td /tr tr td2022年/td td colspan2/td /tr tr td2023年/td td colspan2/td td rowspan2/td /tr tr td2024年/td td colspan2/td /tr /table /body /html4最终运行效果

更多文章