<!DOCTYPE html>
<html>
<head>
<title>文本控制</title>
<meta charset="utf-8">
</head>
<body>
<h1>这是一个h1标签</h1>
<h2>这个是h2标签</h2>
<h3>这是h3标签</h3>
<h4>这是h4标签</h4>
<h5>这是h5标签</h5>
<h6>这是h6标签</h6>
<b>这是粗体标签b</b>
<p>坚决打赢脱贫攻坚战，
让贫困人口和贫困地区同全国一道进入全面小康社会是我们党的庄严承诺。党的十八大以来，总书记的扶贫足迹遍布全国，对坚决打赢脱贫攻坚战作出重要战略部署。 党建网微平台整理了总书记关于脱贫攻坚的部分精彩论述，从说“不”的角度，深入体会总书记对脱贫攻坚工作的重要指示精神。
</p>
<br>
<br>
<strong>php中文网</strong>
<i>坚决打赢脱贫攻坚战</i>
<em>定义着重字</em>
<del>定义删除字标签</del>
<span style="background: pink;width: 300px;height: 200px;">399元</span><del>499</del>
<pre>预格 式
化文本</pre>
<p style="background: #ccc;width: 300px;height: 200px;">123</p>
<span>399元</span>
<!-- 块级元素：div h1~h6 p 独占一行 对宽高属性值设置生效
行内：可以共存于一行对宽高属性值设置不生效 -->
<!-- 行内块元素：结合了块级以及行内的特点 -->
<img src="images/1.jpg" style="width: 200px;height: 300px;" /><span>123</span>
行内块级相互转换：
display: inline 将块级元素转换为行内
display: inline-block;将块级元素转换为行内块元素
display: block;将行内元素转换为块级
<div style="width: 100px;height: 100px;background: pink; display: inline;">1</div>
<div style="width: 100px;height: 100px;background: pink; display: inline-block;">2</div>
<span style="width: 100px;height: 100px;background: pink;display: block;">3</span>
<span style="width: 100px;height: 100px;background: pink;display: inline-block;">4</span>
<span style="width: 100 px;height: 100px;background: pink;display: inline-block;">5</span>
</body>
</html>
