实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>文本控制</title> </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> <br> <strong>www.php.cn中文网</strong> <i>斜体</i><br> <em>定义着重字</em><br> <del>定义删除字标签</del><br> <span>399元 原价<del>499元</del></span><br> <pre>预格 式化 文本</pre> <p style='background:#999;width:300px;height:200px;'>p标签独占一行</p> <span style="background:pink;width:300px;height:200px;">123</span> <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1534175506227&di=c7bda99980665bf1771e47fcd8009548&imgtype=jpg&src=http%3A%2F%2Fimg0.imgtn.bdimg.com%2Fit%2Fu%3D3521991865%2C790441980%26fm%3D214%26gp%3D0.jpg" style="width:500px;height:300px;" alt=""><span>123</span> <div style='width:100px;height:100px;background:pink;display:inline;'>111</div> <div style='width:100px;height:100px;background:pink;display:inline-block;'>222</div> <div style='width:100px;height:100px;background:pink;display:block;'>333</div> <span style="width:100px;height:100px;background:pink;display:inline-block;">444</span> <span style="width:100px;height:100px;background:pink;display:inline-block;">555</span> </body> </html> <!-- 块级元素：div h1-h6 p 独占一行，以宽高的属性值设置生效； 行内元素：可以共存于一行，对宽高设置不生效； 行内块元素：结合了块级、行内的特点，共存于一行，对宽高生效：img 行内、块级互换： display: inline 块->行内 display:inline-block:转换成行内块元素 -->
运行实例 »
点击 "运行实例" 按钮查看在线实例
