html无序列表标签和有序列表标签使用示例
发布时间:2014-04-16 15:37:01 作者:佚名 我要评论
这篇文章主要介绍了html无序列表标签和有序列表标签使用示例,需要的朋友可以参考下
GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用!
【 如果你想靠AI翻身,你先需要一个靠谱的工具! 】
一、上下层列表标签:<dl>..</dl>:
上层dt
下层dd:封装的内容会被自动缩进的效果
复制代码
代码如下:<dl>
<dt>运动户外</dt>
<dd>板鞋</dd>
<dd>篮球鞋</dd>
<dd>足球鞋</dd>
<dd>跑步鞋</dd>
</dl>
二、定义有序列表: <ol>
属性:
type: 可以设置排序的样式 (也可以给li单独加这个属性)
1表示以 1,2,3,4 来表示
a 表示以 a,b,c,d 来表示
A 表示以 A,B,C,D 来表示
i 表示以 i,ii ,iii 来表示
I 表示以 I,II,III来表示
start:列表起点
<li>:列表内容
复制代码
代码如下:<ol type="a" start="55">
<li>板鞋</li>
<li>篮球鞋</li>
<li>跑步鞋</li>
<li>足球鞋</li>
</ol>
三、定义无序列表:<ul>
属性:type:可以设置排序的样式 也可以给li单独加这个属性
dise 实心圆(默认值)
circle 空心圆
square 实心方块
<li>:列表内容
复制代码
代码如下:<ul type="square">
<li type="disc">板鞋</li>
<li>篮球鞋</li>
<li>跑步鞋</li>
<li>足球鞋</li>
</ul>
相关文章
- 本节学习HTML中的列表元素,列表形式在网站设计中占有比较大的比重,显示信息非常整齐直观,便于用户理解。在后面的CSS样式学习中将大量使用到列表元素的高级作用。2009-04-02
- 原文:http://andymao.com/andy/post/102.html 段落已经讲完了,那么一些基本的应用方式也讲了一些,那么是否已经应用了呢?当然应用可以更为丰富,那么这些就需要自己2008-10-17
- 原文:http://andymao.com/andy/post/103.html 上一节:无序列表 信息有时候是无序归纳的,有的却有着明确的顺序,在上一篇也提到了。那么简单的来想一下身边有哪些2008-10-17
- 下面小编就为大家带来一篇浅谈html有序列表、无序列表与定义列表。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-09-16
最新评论