首页前端开发HTMLhtml无序列表标签和有序列表标签使用示例

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

时间2024-01-27 10:04:03发布访客分类HTML浏览272
导读:收集整理的这篇文章主要介绍了html无序列表标签和有序列表标签使用示例,觉得挺不错的,现在分享给大家,也给大家做个参考。 一、上下层列表标签:<dl>..</dl>:上层dt@H_406_3@下层dd:封装...
收集整理的这篇文章主要介绍了html无序列表标签和有序列表标签使用示例,觉得挺不错的,现在分享给大家,也给大家做个参考。

一、上下层列表标签:dl> ../dl> :

上层dt@H_406_3@下层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>

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: html body标签详解与html常用的控...下一篇:html网页插入图片加入地图索引...猜你在找的HTML/Xhtml相关文章 了解HTTP Headers的方方面面 图文说明2022-04-12Html分层的box-shadow效果的示例代码2022-04-12html+css实现血轮眼轮回眼特效代码2022-04-12html实现随机点名器的示例代码2022-04-12HTML中table表格拆分合并(colspanrowspan)2022-04-12HTML页面滚动时部分内容位置固定不滚动的实现2022-04-12HTML+css盒子模型案例(圆半圆等)“border-radius” 简单易上手2022-04-12HTML通过表单实现酒店筛选功能2022-04-12HTML中的表单Form实现居中效果2022-04-12HTML+CSS制作心跳特效的实现2022-04-12 其他相关热搜词更多phpjavapython

若转载请注明出处: html无序列表标签和有序列表标签使用示例
本文地址: https://pptw.com/jishu/588056.html
html网页插入图片、加入地图索引示例讲解 拿什么来拯救你,我的table(海玉博客)

游客 回复需填写必要信息