html 列表和表格的使用
1：列表是以结构化，易读性更强的方式提供信息的方法，我们学习了有序列表和无序列表。有序列表特点是有先后顺序，用数字，字母或数字标记，适合步骤，排名，流程，核心标签<ol><li>,无序列表特点是没有顺序，用符号标记，适合展示并列关系的内容，核心标签是<ul><li>。课堂上学习的
例如:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>商城支付向导</title> </head> <body> <h1>商城支付向导</h1> <p>◦ 支付方式</p > <ul> <li>货到付款</li> <li>财付通</li> <li>支付宝</li> <li>网银在线</li> </ul> <hr> <p>◦ 网银在线支付步骤</p > <ol type="A"> <li>选择您要使用的网上银行;</li> <li>显示您的应付总价，点击“确认无误，付款”;</li> <li>确定您在银行的预留信息，点击确定;</li> <li>输入您的网银账号、登陆密码、验证码;</li> <li>支付成功，提示“已完成付款”。</li> </ol> <hr> </body> </html>2:运行效果如下3.表格是用来展示二维数据的标签，比如课程表成绩单，核心标签<table>表格容器，<tr>表格行，<td>标准单元格，<th>表头单元格，在课堂上我们学习了创建表格和和并单元格的练习，代码如下
<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>创建表格练习</title> </head> <body> <h2>创建表格练习</h2> <table> <tr> <th></th> <th>教师人数</th> <th>学生人数</th> <th>总人数</th> </tr> <tr> <td>2021年</td> <td>40</td> <td>400</td> <td>440</td> </tr> <tr> <td>2022年</td> <td>100</td> <td>1500</td> <td>1600</td> </tr> <tr> <td>2023年</td> <td>150</td> <td>3000</td> <td>3150</td> </tr> <tr> <td>2024年</td> <td>250</td> <td>4000</td> <td>4200</td> </tr> </table> </body> </html><!DOCTYPE html> <head> <meta charset="UTF-8"> <title>合并单元格练习</title> </head> <body> <h2>合并单元格练习</h2> <table> <tr> <th></th> <th>教师人数</th> <th>学生人数</th> <th>总人数</th> </tr> <tr> <td>2021年</td> <td colspan="2"></td> <td rowspan="2"></td> </tr> <tr> <td>2022年</td> <td colspan="2"></td> </tr> <tr> <td>2023年</td> <td colspan="2"></td> <td rowspan="2"></td> </tr> <tr> <td>2024年</td> <td colspan="2"></td> </tr> </table> </body> </html>4：最终运行效果：