手机
当前位置:查字典教程网 >网页设计 >XHTML >html无序列表标签和有序列表标签使用示例
html无序列表标签和有序列表标签使用示例
摘要:一、上下层列表标签:..:上层dt下层dd:封装的内容会被自动缩进的效果运动户外板鞋篮球鞋足球鞋跑步鞋二、定义有序列表:属性:type:可以...

一、上下层列表标签:<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无序列表标签和有序列表标签使用示例】相关文章:

常用的XHTML标签的使用技巧介绍

XHTML入门学习教程:列表标签的使用

HTMLimg标签的alt属性和title属性使用介绍

dl、dt、dd列表标签实例

ins标签和del标签的属性和用法

IMG中UserMap的使用示例

html meta标签的使用总结(推荐)

浅谈html有序列表、无序列表与定义列表

html超链接a标签的href跳转跟onclick之间执行顺序示例介绍

有没有仔细了解过标签 它是如何定义如何使用

精品推荐
分类导航