HTML列表介绍

最新推荐文章于 2023-04-05 11:22:41 发布
最新推荐文章于 2023-04-05 11:22:41 发布
阅读量395 收藏
点赞数
分类专栏： # html学习 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45859485/article/details/112175852
版权

HTML列表介绍

1.有序列表

ol，即ordered list，有序列表
li，即list，列表项
默认采用数字顺序

		<ol type="属性值">
			<li>列表项</li>
			<li>列表项</li>
			<li>列表项</li>
		</ol>

type属性取值

属性值列表项符号
1阿拉伯数字：1、2、3…
a小写英文字母：a、b、c…
A大写英文字母：A、B、C…
i小写罗马数字：i、ii、iii…
I大写罗马数字：I、II、III…

2.无序列表

ul，unordered list，无序列表

		<ul type="属性值">
			<li>列表项</li>
			<li>列表项</li>
			<li>列表项</li>
		</ul>

type属性取值

属性值列表项符号
disc实心圆（默认值）
circle空心圆
square实心正方形

注：ul元素的子元素只能是li，不能是其他元素。
ul元素内部的文本，只能在li元素内部添加，不能在li元素外部添加。

3.定义列表

分两部分，名词和描述

		<dl>
			<dt>名词</dt>
			<dd>描述</dd>
			......
		</dl>

dl，definition list，定义列表
dt，definition term，定义名词
dd，definition description，定义描述

例子：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>问卷调查网页</title>
	</head>
	<body>
		<h1>问卷调查</h1>
		<h3>1、你是通过什么途径来到绿叶学习网的？</h3>
		<ol type="A">
			<li>百度搜索</li>
			<li>谷歌搜索</li>
			<li>其他途径</li>
		</ol>
		
		<h3>2、你觉得绿叶学习网页面设计怎么样？</h3>
		<ol type="A">
			<li>酷炫大方</li>
			<li>比较普通</li>
			<li>非常粗糙</li>
		</ol>
		
		<h3>3、你觉得这本书怎么样？（多选）</h3>
		<ul type="A">
			<li>通俗易懂，轻松幽默</li>
			<li>内容丰富，技巧贼多</li>
			<li>三个字，好到爆！</li>
		</ul>
	</body>
</html>

效果：
在这里插入图片描述

Champhoenix
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
常用的HTML5列表标签
09-27
主要介绍了常用的HTML5列表标签的相关资料,需要的朋友可以参考下
Python数据结构（一）List使用
Mr番茄蛋的博客
09-08 1058
List是什么？ List顾名思义就是列表，那么它具体描述是什么呢？ 列表是一个线性的集合，它允许用户在任何位置插入、删除、访问和替换元素。在Python中list是保留字，List中的每个元素都有自己的编号，很像C、C++、java中的数组，但是List更强大。列表主要有以下几个特点： 列表中元素顺序是有序的。比如，你将1,2,3一次存入列表，那个列表中元素顺序一定是1,2,3，而不会是其他的...
python学习day6
pangfei9527的博客
09-28 186
列表和元组 列表删除 坑1：直接遍历用remove删除元素，（因为遍历的时候没有吧所有的元素都遍历出来 解决坑1 两个相同的列表，遍历其中一个，在两外一个里面进行删除 scores1 = scores.copy() for s in scores1: if s < 60: scores.remove(s) print(scores) 坑2：报错，下标越界 解决坑2： scores = [98, 45, 34, 89, 23, 67, 23, 9, 54, 100,
python item()方法
热门推荐
花生日记
04-05 1万+
3.如果想要一次性将整个列表中的所有值都删除掉，那么我们可以使用item_process.now （）来实现： 4.我们可以通过 python中的set_item （）方法来实现，具体代码如下： 5.上面代码中使用了 python中的三个方法来完成操作，分别是set_item （）和 python. split （）。这里，我们想从列表中添加一个数组，如： 首先，我们在列表中输入： 然后，我们将数组的第一个元素设置为0,将其拷贝到另一个列表中，并将数组的最后一个元素设置为1,这样就完成了数组的添加操作。
python 入门-列表
weixin_47316373的博客
05-09 376
一、列表 movies=[“肖申克的救赎”,“霸王别姬”,“大话西游”] movies.insert(2,1998) #指定插入 movies.remove(“霸王别姬”) #移除 movies.append(“今天真开心”) #末位添加 movies.pop() #末位移除 print(movies[1][0]) for i in movies: print(i) # 以字段形式全输出 for i in range(1): i = len(movies)-1 while i < len(movies
python小知识
蒲建建
06-06 5099
python中-> ->常常出现在python函数定义的函数名后面，为函数添加元数据,描述函数的返回类型，从而方便开发人员使用。比如： 通常的写法是： def attrs(self) -> _Attrs: pass 这种写法通常是写在函数的函数名后面 def add(x, y) -> int: return x+y 这里面，元数据表明了函数的返回值为int类型。 至于楼主问题中的，-> _Attr则表明函数返回的是一个外部可访问的类的私有变量。 ...
php数组生成html下拉列表的方法
10-23
主要介绍了php数组生成html下拉列表的方法,涉及php根据数组动态创建html代码的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
HTML列表标签dl、ul、ol 的使用示例
09-28
主要介绍了HTML列表标签dl、ul、ol 的使用，比较适合初学者，大家若感兴趣的可以学习下
html无序列表标签和有序列表标签使用示例
09-28
主要介绍了html无序列表标签和有序列表标签使用示例,需要的朋友可以参考下
用JavaScript来美化HTML的select标签的下拉列表效果
10-23
主要介绍了用JavaScript来美化HTML的select标签的下拉列表效果的方法,而且在多浏览器下的兼容效果也得到提升,需要的朋友可以参考下
Python高级函数3
Zoop0102的博客
10-23 189
3 迭代 每一次对过程的重复称为一次“迭代”，而每一次迭代 得到的结果会作为下一次迭代的初始值。例如： 循环获取容器中的元素。 3.1 可迭代对象iterable (1) 定义：具有__iter__函数的对象，可以返回 迭代器对象。 (2) 语法 # 创建： class 可迭代对象名称: def __iter__(self): return 迭代器 # 使用： for 变量名 in 可迭代对象: 语句 (3) 原理： 迭代器 = 可迭代对象.__iter__() while True
关于List删除其中的item(删除它里面的某一项)
Antony追求完美
04-08 4169
List集合删除其中的某一项可以使用它自带的remove( )方法, 但是我们最好不要轻易去使用这个API方法, 因为它会导致集合中的集合中的item完全被移除, 并且其他的item位置也会随之发生改变. 下面就是我开发中遇到的这种情况.图片可能有些看不清, 具体就是, "chairControl(List)"这个List中有 18个item, 而"InstanCall"这Item在11位置,经过...
python中item()的用法
weixin_46028606的博客
12-31 2316
python中.item()的用法
CSS 显示方式
小渣渣的博客
10-05 982
目录 1.隐藏 2.块级 3.内联 4.内联-块级 5.其他显示方式 （1）list-item (2) table （3）内联-表格 前后不换行的表格 （4）单元格 table-cell 元素的display显示方式有多种，隐藏、块级、内联、内联-块级 1.隐藏 通过display的方式隐藏一个元素 display:...
python关键字list_（Python基础教程之八）Python中的list操作
weixin_39595164的博客
11-23 360
有序索引（索引从0开始）易变的异构的（列表中的项目不必是同一类型）写为方括号之间的逗号分隔值列表listOfSubjects = ['physics', 'chemistry', "mathematics"]listOfIds = [0, 1, 2, 3, 4]miscList = [0, 'one', 2, 'three']1. Access list items要访问列表中的值，请使用切片语法...
Python学习笔记(1)变量、循环
BUILD
04-12 4285
最近在codecademy上学习Python, 这是一个非常注意实践的操作平台，每讲解一点内容就让人做一些练习，讲解点也设计得非常适合Python零基础的人学习。讲到了变量，list, dictionary, for/while loop, class, file I/O 等内容。 Python的特点   functional programming: you're allowed
display:list-item
weixin_43990624的博客
05-29 4245
display:list-item为元素内容生成一个块型盒，随后再生成一个列表型的行内盒。其效果就和ul中出现项目列表符号一样。通俗地说就是会在内容前面自动加上黑点，而display:block则不会出现黑点。 display:block/inline/inline-block/inline-table/list-item区别 大家都知道 display:block是显示成块状，独占一行； 而in...
python语言中的列表用什么表示-Python中的列表知识点汇总
weixin_39630140的博客
11-11 832
Python list在介绍 Python tuple 时，我使用了类比的方法，将其比做一个袋子，您可以在袋子中存放不同的东西。Python list 与此非常类似，因此，它的功能与袋子的功能也非常类似。但有一点是不同的，即您可以使用方括号创建 list，如清单 1 所示。清单 1. 在 Python 中创建一个 list?123456789101112131415>>> l= [0,1,2,3,...
犬夜叉
u014332473的博客
05-22 440
男主：犬夜叉 女主：啊篱 犬夜叉的哥哥： 杀生丸 穿越，故事，收集“四魂之玉”的故事
HTML制作旅游景点介绍列表
最新发布
06-06
可以使用HTML的列表标签（`<ul>`和`<li>`）制作旅游景点介绍列表。 以下是一个示例代码： ``` 景点名称1 景点1图片"> 景点1介绍文字...... 景点名称2 景点2图片"> 景点2介绍文字...... 景点名称...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值