html 列表和表格的使用

news2026/4/7 4:28:01

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最终运行效果

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2491371.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！