今天小编给大家分享一下HTML列表使用实例分析的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。
以标签ol为主体,li为父目录,具体表现为:
<ol> <li>任性</li> <li>90后</li> <li>boy</li> </ol> <ol start="45"> <li>90后</li> <li>boy</li> <li>任性</li> </ol> <ol type="a"> <li>90后</li> <li>boy</li> <li>任性</li> </ol> <ol type="A"> <li>90后</li> <li>boy</li> <li>任性</li> </ol> <ol type="I"> <li>90后</li> <li>boy</li> <li>任性</li> </ol> <ol type="i"> <li>90后</li> <li>boy</li> <li>任性</li> </ol>
可以看出有序列表支持多种排序前缀,它就好比Word中的项目符号一样。
与有序列表唯一不同的就是没有数字也没有字母,只有图形,也是犹如项目符号一样。
<ul> <li>任性</li> <li>90后</li> <li>boy</li> </ul> <ul type="disc"> <li>90后</li> <li>boy</li> <li>任性</li> </ul> <ul type="circle"> <li>90后</li> <li>boy</li> <li>任性</li> </ul> <ul type="square"> <li>90后</li> <li>boy</li> <li>任性</li> </ul>
可以看出无序列表的默认项目符号就是类型就是黑圆圈
<dl> <dt>1</dt> <dd>计算机</dd> <dt>2</dt> <dd>电脑</dd> <dt>3</dt> <dd>PC</dd> </dl>
可以看到自定义列表由我们自己定义列表项目符号,项目的内容
以上就是“HTML列表使用实例分析”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注亿速云行业资讯频道。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。