html无序列表标签和有序列表标签使用示例
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
点评:这篇文章主要介绍了html无序列表标签和有序列表标签使用示例,需要的朋友可以参考下
一、上下层列表标签:<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>