列表标签

最新推荐文章于 2024-09-15 12:58:30 发布

原创最新推荐文章于 2024-09-15 12:58:30 发布 · 2.4k 阅读

·

0

·

CC 4.0 BY-SA版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

6 Java学习笔记专栏收录该内容

109 篇文章

订阅专栏

本文详细探讨了在编程中如何理解和使用列表标签，包括它们在数据结构中的作用、常见操作以及在不同编程语言中的实现方式。通过实例解析，读者将能够掌握列表标签的基本概念和应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、dl标签

二、有序标签

三、无序标签

列表标签：共三种列表，分别是dl标签、有序标签、无序标签。

一、定义列表(dl标签)

<dl> //表示列表的范围

<dt>传智播客</dt> //列表的上层内容

<dd>财务部</dd> //列表的下层内容

<dd>人事部</dd>

<dd>学工部</dd>

</dl>

例1：想要在页面上实现这样的效果：

传智播客

财务部

人事部

学工部

代码：

//定义列表.html

<html>

<head>

<title>html示例</title>

</head>

<body>

<dl>

<dt>传智播客</dt>

<dd>财务部</dd>

<dd>人事部</dd>

<dd>学工部</dd>

</dl>

</body>

</html>

二、有序标签(ol标签)

<ol type="a"> //有序列表的范围。type属性可以等于:1,a,i。表示按照123排序，abc排序，i ii iii排序。不写type是123排序

<li>财务部</li> //内容

<li>人事部</li>

<li>教务部</li>

</ol>

例1:实现下列效果：

1. 财务部

2. 人事部

3. 教务部

代码：

//有序标签.html

<html>

<head>

<title>html示例</title>

</head>

<body>

<ol>

<li>财务部</li>

<li>人事部</li>

<li>学工部</li>

</ol>

</body>

</html>

三、无序标签(ul标签)

<ul type="circle"> //无序列表的范围。空心圆:circle 实心圆:disc(默认) 实心方块:square

<li>财务部</li> //内容

<li>人事部</li>

<li>教务部</li>

</ul>

例1:实现下列效果：

• 财务部

• 人事部

• 教务部

代码：

//有序标签.html

<html>

<head>

<title>html示例</title>

</head>

<body>

<ul>

<li>财务部</li>

<li>人事部</li>

<li>学工部</li>

</ul>

</body>

</html>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。