第一次尝试使用制作HTML列表与表格
一、利用li标签完成此次列表!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 title列表的嵌套使用/title /head body h1商城支付方式/h1 !--实验3列表的嵌套使用-- ul typesquare 支付方式 li货到付款/li li财付通/li li支付宝/li li网银在线/li /ul hr colorblank size2cm h2网银在线支付步骤有序列表/h2 !--网银在线支付步骤有序列表-- /div ol li选择您要使用的网上银行/li li显示您的应付总价点击确认无误付款/li li确定您在银行的预留信息点击确定/li li输入您的网银账号 登录密码验证码/li li支付成功提示“已完成付款”/li /ol hr colorblack size2cm /body /html!--...--是HTML注释不会显示在页面上用来给代码做备注注意这只是备注不是内容这只是为了方便解析ul typesquare是无序列表type“square”把默认的圆点项目符号方块li是列表项每一个li对应一个支付方式、支付方式hr是水平线以上就是我对此次列表的解析下面我们来看看它的运行结果吧~这就是我做出来的列表啦~大家快去试试吧~二、原本表格与合并表格1、原本表格的制作与实验结果!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 title表格实验/title /head body table border1 width400rpx height200rpx tr td苹果/td td草莓/td td葡萄/td /tr tr td蓝莓/td td猕猴桃/td td桃子/td /tr tr td榴莲/td td牛奶果/td td樱桃/td /tr /table /body /htmlborder1 表示给表格加1像素的黑色边框有三组tr每组三个表示我所做的表格是三行三列如需多一行一列可在第三组tr后面再加一组trtr是定义表格的一行td是定义普通单元格大部分用于放置数据以上就是我对这次原本表格制作的解析下面我们来看一下运行结果吧~这就是我做出来的原本表格啦~下面我们来制作表格的合并2、合并表格!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 title表格实验/title /head body table border1 width400rpx height200rpx tr td苹果/td td草莓/td td rowspan2葡萄/td /tr tr td colspan2蓝莓/td /tr tr td榴莲/td td牛奶果/td td樱桃/td /tr /table /body /htmlcolospan2表示横向合并2列rowspan2表示纵向合并2列注意想要合并多少列可以更改数字哦~下面来看一下我的运行结果吧~以上就是我本次分享的全部内容大家快来尝试一下吧~
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2479371.html
如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!