HTML的序和格

一.无序列表标签和有序列表标签1.无序列表的标签ul.../ul这个标签的特点是他没有顺序之分通常前面是一个个圆点或方块。2.有序列表的标签ol.../ol这个标签的特点是他有顺序之分通常用1、2、3 或者 A、B、C等。3.两个列表的区别对于这两个列表的区别我想大家应该从他们的特点中发现了一些。为了更好的懂得他们的区别下面我们用两个场景进行更明白的解释。a.无序列表标签的场景ul li 支付方式 ul li到账付款/li li财付通/li li支付宝/li li网银在线/li /ul /li /ulb.有序代码的场景li 网银在线支付步骤 ol li选择您要使用的网上银行/li li显示您的应付总价点击“确认无误付款”/li li确定您在银行的预留信息点击确定/li li输入您的网银账号、登录密码、验证码/li li支付成功提示“已完成付款”/li /ol /li两个场景的运行效果如下现在是不是更加简洁明了了呢。两种标签的区别就在于他们是否有顺序之分。二.如何创建表格1.首先我们来了解创建表格所需的基础标签table创建表格tr表格中的一行td表格中的单元格th表格的标题border边框width边框height高度2.场景演练相信你看到了那些基础标签会想要跃跃欲试吧。下面就用一个场景演练来更清晰的了解他们的功能和应用吧table border1 width400rpx height200rpx 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.老规矩我们来认识一下所需的标签colspan 横向合并左右合并rowspan 纵向合并上下合并2.场景演练实践才能出真知我们就上面的场景进行改造一下body h1合并单元格练习/h1 table border1 width400rpx height200rpx 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/td /tr /table /body看看他有什么变化嗯。这就是单元格的合并。好的这期就到这了下播。