【HTML】05-三种列表

最新推荐文章于 2023-12-09 10:30:37 发布
最新推荐文章于 2023-12-09 10:30:37 发布
阅读量242 收藏
点赞数 1
分类专栏： HTML教程 文章标签： html5 html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jeffhan_java/article/details/123368572
版权 
<!--
    三种列表：
        1.无序列表：
            unordered list
            属性节点type：用于指定标记样式，none，circle，disc，square
        2.有序列表
            ordered list
            属性节点type：用于指定序号样式：1，A，a，I，i
        3.自定义列表
            definition list
            dt标签：列表项目的标题
            dd标签：项目的子项
        4.列表可以嵌套使用
        5.快捷键生成列表，例如：ul*2>li*3 + tab键生成两个ul，每个ul里面有三个li
-->

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>三种列表</title>
	</head>
	<body>
		<!-- 无序列表 -->
		<ul type="circle">
			<li type="square">张三</li>
			<li type="disc">李四</li>
			<li>王五</li>
		</ul>
		
		<!-- 有序列表 -->
		<ol type="i">
			<li>张三</li>
			<li>李四</li>
			<li>王五</li>
		</ol>
		
		<!-- 定义列表 -->
		<dl>
			<dt>男生</dt>
			<dd>张三</dd>
			<dd>李四</dd>
			<dt>女生</dt>
			<dd>小红</dd>
			<dd>小兰</dd>
		</dl>
		
		<!-- 列表嵌套 -->
		<ul>
			<li>
				<ol>
					<li>666</li>
					<li>666</li>
					<li>666</li>
				</ol>
			</li>
			<li>
				<ol>
					<li>888</li>
					<li>888</li>
					<li>888</li>
				</ol>
			</li>
		</ul>
		
	</body>
</html>
JeffHan^_^
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
html之三种列表
Jerry_0728的博客
11-04 1267
目标： 1，三种列表 --------- ol>li ---------ul>li ---------dl>dt+dd 1,三种列表： #1，有序列表：ol>li 语法： <ol> <li></li> .... </ol> 例如： <ol> <li>小马过河</li> <li>小猫钓鱼</li> <li>小蝌蚪找妈妈</li&g
HTML3——表格、列表、表单
coydone的博客
02-13 1280
文章目录表格表格的基本结构构成表格的三个基本要素表格的属性跨行与跨列表格的其它元素和属性列表无序列表有序列表自定义列表表单（h5）form元素input标签的属性type的属性值下拉框标签其它属性fieldset/legend元素details/summary元素 表格 可以对数据进行格式化，使数据显得更加清晰。 表格的基本结构 构成表格的三个基本要素 table：表格的范围，外框；用来定...
HTML3种列表
king220022的博客
02-24 814
标记和有序列表项
HTML中的三个列表，具体的使用及列表样式
最新发布
a836996156的博客
12-09 1311
在HTML中，列表（List）可以用来展示一组相关的信息或项目。有序列表和无序列表是HTML中两种常见的列表类型。定义列表（Definition lists）：用于定义术语或概念，每个列表项由一个术语和对应的定义组成。< dl > < dt > 术语1 < dd > 定义1 < dt > 术语2 < dd > 定义2 < dt > 术语3 < dd > 定义3
通过HTML和CSS实现一个三级菜单
weixin_53428952的博客
09-28 1888
实现二级菜单我有两个思路,一个是将二级菜单display:none,当hover一级菜单的时候,将二级菜单的display:block;当hover一级菜单的时候,二级菜单 height:auto;三级菜单的思路则和设计二级菜单的思路一样,顺着下来就好了,如果要调整一下显示的位置的话,可以使用position调整位置,让菜单看起来更加的美观.本篇文章发布的代码是关于使用html和css实现一个三级菜单列表,在学习的过程中,做一下自己想做的东西,争取以后可以自己做出一个自己的网站来.
-05-第三方API工作日调度程序
03-04
05第三方API：工作日计划程序 目录 概述 作为一个工作繁忙的员工，我想将重要事件添加到每日计划中，以便我可以有效地管理自己的时间。 当前日期将显示在页面顶部，以供参考和方便。 对于工作日的每个小时，您可以...
05March-Website-Creation
03-06
HTML标签通常是成对出现的，比如`<p>`用于创建段落，`<h1>`到`<h6>`用于设置标题等级，`<a>`用于创建链接，`<img>`用于插入图像，`<ul>`和`<li>`组合用于无序列表，`<ol>`和`<li>`用于有序列表，`<div>`则常作为内容...
goit-markup-hw-05
05-27
HTML是一种标记语言，由一系列的元素组成，这些元素通常以标签对的形式存在，如`<tag>`和`</tag>`。HTML文档由头部（head）、主体（body）和其他可选部分构成，用于定义网页的元数据（如标题、字符集）和主要内容。...
三种html列表
热门推荐
yisong_520的专栏
01-15 1万+
有序列表，列表项包含在标签对中，有序列表以定义，项目前有数字或者字母缩进 无序列表，列表项包含在标签对中，无序列表以定义，项目前有符号缩进 自定列表，列表项包含在标签对中，与定义项对应的每个定义，自定义列表以定义，项目前有符号缩进
HTML5中三种列表标签的应用
weixin_44156222的博客
01-21 4409
1. 无序列表 1.1、无序列表（unodered list）格式 &lt;ul&gt; &lt;li&gt;...&lt;/li&gt; &lt;li&gt;...&lt;/li&gt; &lt;li&gt;...&lt;/li&gt; &lt;/ul&gt; 1.2、无序列表标签的功能 标签 功能 &lt;ul&gt;...&lt
html三个列表标签的介绍
Kyrieki11的博客
05-23 2634
html 有序列表 定义列表 无序列表 前端
HTML三种列表总结,html全部总结
weixin_39631370的博客
06-18 680
html总结基本结构1.简单的基本结构标题网页主体内容head不打印在网页上面，只有body里面的文字内容打印在网页上面是分割线添加背景元素的话需要添加在body开始标签的后面比如语法：……标签名>文档类型声明声明必须放在html文档的第一行网页编码设置在标签之间添加utf-8可以换成你想要的编码文字和段落标签文字斜体：,文字加粗：,下标：上标:⚠：只是斜体而已，更多表示强调！！！！！！⚠：...
HTML三种列表
meng_0315的专栏
03-23 1219
有序列表 显示内容1 显示内容2 示例 星期一 星期二 星期三 星期四 星期五 星期六 星期日 无序列表 显示内容1 显示内容2 示例 1 2 3 无序列表 显示文字 显示文字 显示文字 示例 水果 香蕉 苹果 玩具 玩具手枪 玩具熊
html中三个列表的标签的应用和注意事项和语义化的核心。
weixin_34150830的博客
04-24 290
html的列表分为三个： 无序列表 有序列表 自定义列表 下面先来说第一个列表 无序列表： 标签ul定义一个无序列表。 标签li是列表中的每一个项目。 无序列表的注意事项： ul的子标签不能随便放，只能是li标签。 li标签的父标签只能是ul标签和ol标签，li标签只能被ul标签或ol标签包裹。 li标签中可以放置其他标签，甚至是ul标签和ol标签。 有序列表： ol定义一...
HTML：三种列表
jinyiY的博客
02-07 1309
1.无序列表 在无序列表中通常不分顺序，一般使用一个项目符号表示每个列表项的前缀。无序列表主要使用ul，dir，dl，menu，li几个标签和type属性。 1.1 ul标签 使用ul的开始和结束标签表示无序列表的开始和结束，li的开始和结束表示的是一个列表项，一个ul无序列表可有多个列表项。 语法： <ul> <li>第一项</li> ...
4、HTML基本结构和常用标签
ifyouwjk的博客
09-13 218
1、HTML基本结构 html<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body>
【HTML5】3种常用列表
早睡早起长头发的博客
07-15 4098
HTML语言提供了3种常用的列表，分别为无序列表、有序列表和定义列表。 无序列表:网页中最常用的列表，其各个列表项之间没有顺序级别之分，通常是并列的。 有序列表:有排列顺序的列表，其各个列表项按照一定的顺序排列。 定义列表:用于对术语或名词进行解释和描述。与无序和有序列表不同，定义列表的列表项前没有任何项目符号。...
v-if实现三种状态
07-28
要实现三种状态，可以使用以下方法： 1. 使用三个 v-if 来分别判断三种状态： ```html <div v-if="status === 'state1'"> <!-- 状态1的内容 --> <div v-else-if="status === 'state2'"> <!-- 状态2的内容 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

JeffHan^_^

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值