博主信息
博文 4
粉丝 0
评论 0
访问量 2011
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
2018/8/13作业1
小明哥哥的博客
原创
552人浏览过

<!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>

 

本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学