HTML有序ol，无序ul，自定义列表dl及块标签div

最新推荐文章于 2024-09-09 22:16:15 发布

code码

最新推荐文章于 2024-09-09 22:16:15 发布

阅读量144

点赞数

分类专栏：笔记文章标签： html 前端大数据

本文链接：https://blog.csdn.net/weixin_43445933/article/details/125665363

版权

笔记专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
	<!-- html 列表ul，ol，dl 
		块 div-->
	<head>
		<title> </title>
		<meta charset="UTF-8">
		<meta name="keywords" content="HTML">
		<style>
			.hello{
				background-color: antiquewhite;
				font-family: 'Courier New', Courier, monospace;
				font-size: 20px;
			}
		</style>
		<!-- <link rel="stylesheet" type="text/css" href="../css/file01.css"/> -->
	</head>
	<body>
		<p>html列表，块实例</p><br />
		<!-- html id属性 -->
		<a href="#book">跳转到book</a>
		<!-- <table frame="above">
			<tr>
				<td>123</td>
				<td>345</td>
			</tr>
			<tr>
				<td>455</td>
				<td>453</td>
			</tr>
		</table> -->
		<!-- 有序列表ol，无序列表ul，自定义列表dl -->
		<ul type="disc">
			<li>苹果
				<ul>
					<li>8$</li>
				</ul>
			</li>
			<li>梨
				<ul>
					<li>4$</li>
				</ul>
			</li>
		</ul>
		<ol type="a">
			<li>队员01
				<ul>
					<li>78分</li>
				</ul>
			</li>
			<li>队员02
				<ul>
					<li>34分</li>
				</ul>
			</li>
			<li>队员03
				<ul>
					<li>90分</li>
				</ul>
			</li>
		</ol>
		
		<dl>
			<dt>信息技术</dt>
			<dd>信息技术就是指......</dd>
		</dl>
		<!-- 标签div -->
		<div class="hello">
			<h3>一段文字:</h3>
			<p>
			IT之家 7 月 6 日消息，
			安培分析公司（Ampere Analysis）的一份报告显示，
			游戏市场在经历了过去 7 年的连续增长后，
			今年预计将迎来首次下滑。
			</p>
		</div>
		<!-- <p class="hell"><span>提示：</span>......</p> -->
		<p id="book">这是一本书</p>
		<iframe src="https://w3school.com.cn">w3school</iframe>
		<!-- <iframe src="../demo01/file01.html"></iframe> -->
		<iframe src="../demo02/file10.html" name="target"></iframe>
		<p><a href="https://www.w3school.com.cn" target="target">w3school</a></p>
	</body>
</html>