主页 > 知识库 > html无序列表标签和有序列表标签使用示例

html无序列表标签和有序列表标签使用示例

热门标签:浦东新区百度地图标注图片 华为收费站地图标注 邹城智能外呼系统 外呼智能系统报价 巫山县地图标注app 腾讯植物园地图标注 经纶电销机器人 个贷电销机器人 电话机器人宣传片

一、上下层列表标签:<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无序列表标签和有序列表标签使用示例》,本文关键词  html,无序,列表,标签,和,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《html无序列表标签和有序列表标签使用示例》相关的同类信息!
  • 本页收集关于html无序列表标签和有序列表标签使用示例的相关信息资讯供网民参考!
  • 推荐文章