建议复制到编辑器上看
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>块级元素</title>
</head>
<body>
<div id="" style="background: yellow;width: 200px;height: 200px;">
<!--<div 块级容器
id="" style="background: yellow;width: 200px;height: 200px;">-->
</div>
<h1>我是h1</h1>
<h2>我是h2</h2>
<h3>我是h3</h3>
<h4>我是h4</h4>
<h5>我是h5</h5>
<h6>我是h6</h6>
<!--h1~h6 显示标题,随数字增大标题变小(h1一个页面只能用一个)-->
无序列表<br />
<ul type="circle">
<!--<ul type="circle">空心圆 -->
<li>跑步</li>
<li>游泳</li>
</ul>
<ul type="disc">
<!--<ul type="disc">实心圆 -->
<li>唱歌</li>
<li>跳舞</li>
</ul>
<ul type="square">
<!--<ul type="square">方块 -->
<li>上班</li>
<li>学习</li>
</ul>
<ul type="none">
<!--<ul type="none">删掉前缀 -->
<li>上班</li>
<li>学习</li>
</ul>
有序列表<br />
<ol type="1">
<!--<ol type="1">从1开始排序 -->
<li>跑步</li>
<li>游泳</li>
</ol>
<ol type="a">
<!--<ol type="a">从a开始排序 -->
<li>唱歌</li>
<li>跳舞</li>
</ol>
<ol type="I">
<!--<ol type="I">从I开始排序 -->
<li>上班</li>
<li>学习</li>
</ol>
<p>世间无我这般人</p>
<!--<p>世间无我这般人</p>用来定义一段文字-->
</body>
</html>