html无序列表标签和有序列表标签使用实例详解-html教程-PHP中文网

html无序列表标签和有序列表标签使用实例详解

高洛峰

发布： 2017-03-04 15:05:41

原创

3677人浏览过

这篇文章主要介绍了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>:列表内容

eMart 网店系统

功能列表：底层程序与前台页面分离的效果，对页面的修改无需改动任何程序代码。完善的标签系统，支持自定义标签，公用标签，快捷标签，动态标签，静态标签等等，支持标签内的vbs语法，原则上运用这些标签可以制作出任何想要的页面效果。兼容原来的栏目系统，可以很方便的插入一个栏目或者一个栏目组到页面的任何位置。底层模版解析程序具有非常高的效率，稳定性和容错性，即使模版中有错误的标签也不会影响页面的显示。所有的标

查看详情

代码如下:

<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无序列表标签和有序列表标签使用实例详解相关文章请关注PHP中文网！

大家都在看：

HTML表单数据怎么序列化_HTML表单数据序列化为字符串的方法与用途 HTML语义化对SEO有什么影响_HTML语义化提升搜索引擎排名的原理 HTML列表怎么语义化_HTMLulol与dl标签的语义化使用方法 HTML多行文本框怎么创建_HTML多行文本框如何支持用户输入多行内容 HTML语义化与CSS怎么配合_HTML语义化标签与CSS样式的配合使用