HTML学习之列表标签学习

最新推荐文章于 2024-11-13 17:27:29 发布

playboy-jordan

最新推荐文章于 2024-11-13 17:27:29 发布

阅读量179

点赞数

分类专栏： # HTML教程文章标签： javascript css vue.js html html5

本文链接：https://blog.csdn.net/weixin_44853669/article/details/106653236

版权

HTML教程专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<title>列表标签学习</title>
		<meta charset="UTF-8"/>
	</head>
	<body>
		<h3>列表标签学习</h3>
		<hr />
		<h3>中国知名城市:</h3>
		<ul>
			<li>北京</li>
			<li>上海</li>
			<li>商丘</li>
		</ul>
		<h3>人生几大爱好:</h3>
		<ol type="I">
			<li>打游戏</li>
			<li>打球</li>
			<li>看电影</li>
		</ol>
		
		<dl>
			<dt>IT课程:</dt>
			<dd>java课程</dd>
			<dd>python课程</dd>
			<dd>大数据课程</dd>
			<dt>热门旅游城市:</dt>
			<dd>商丘</dd>
			<dd>周口</dd>
			<dd>新乡</dd>
		</dl>
	</body>
</html>
<!--
	列表标签学习:
		无序列表
			ul
				li:该标签中书写列表内容,一个li标签代表列表中的一行数据
				特点:	默认数据前有一个黑圆圈符号.
		有序列表
			ol
				li:该标签中书写列表内容,一个li标签代表列表中的一行数据
				特点:
					会自动的给列表进行顺序编码,格式从小到大并且是连续的.
			属性:
				type:可以改变顺序编码的值,可以是1 a A I,,默认使用阿拉伯数字进行顺序编码	
		自定义列表:
			dl
				dt:数据的标题
				dd:数据的具体内容,一个dd表示一条数据.
-->