博客列表 >html文本标签学习

html文本标签学习

戴戴和乐乐的博客
戴戴和乐乐的博客原创
2018年08月14日 19:50:53491浏览

今天是PHP学习第二天

!doctype html>
<html>
<head>
      <title>文本控制</title>
 <head>
 <body>

<h1>这是一个h1标签</h1>
<h2>这是一个h2标签</h2>
<h3>这是一个h3标签<h3>
<h4>这是一个h4标签</h4>
<h5>这是一个h5标签</h5>
<h6>这是一个h6标签</h6>

<b>这是粗体标签</b>

<p>坚决打赢脱贫攻坚战,<br>让贫困人口和贫困地区同全国一道进入全面小康社会是我们党的庄严承诺。党的十八大以来,总书记的扶贫足迹遍布全国,对坚决打赢脱贫攻坚战作出重要战略部署.
</p>
/*块级元素 独占一行 自带换行 默然宽度100 对宽高属性值设置生效 div h1-h6 p*/

<br>
<br>

<strong>PHP中文网</strong>

<i>坚决打赢脱贫攻坚战</i>

<em>定义着重字</em>

<del>定义删除字标签</del>

<span>399元</span><del>499元</del>

/*行内元素 共存一行 对宽高属性值设置不生效 span*/

<img  src="images/1jpg"/><span>123</span>
/*行内块级元素 结合块级行内特点 对宽高属性值设置生效 共存一行 */

<p style = "background : #ccc;">123</p>

<pre>预格式化文本</pre>

display:inline        将块级元素转换为行内元素
display:block         将行内元素转换为块级元素
display:inline-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: 100px;height: 100px;background:pink;display:inline-block">5</span>

 

 


 </body>
 </html>

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议