<DOCtype html>
<html>
<head>
<meta charset="utf-8">
<title>文本控制</title>
</head>
<body>
<h1>这是一个H1标签</h1>
<h2>这是一个H2标签</h2>
<h3>这是一个H3标签</h3>
<h4>这是一个H4标签</h4>
<h5>这是一个H1标签</h5>
<h6>这是一个H1标签</h6>
<p>这只是中国40年改革开放事业的一个缩影。
这40年间，<br />我国取得了一系列发展成就——7亿多贫困人口成功脱贫，13亿多人齐奔小康。这些成绩的取得正是依靠全国人民不断探索实践、真抓实干。如今，中国特色社会主义进入了新时代，我们更要大力弘扬实事求是、求真务实精神，按照总书记的指示，“理解改革要实，谋划改革要实，落实改革也要实，既当改革的促进派，又当改革的实干家”，扎扎实实一步一个脚印将改革进行到底。</p>
<br/>
<strong>php中文网</strong><!--加粗定义着重字-->
<i>倾斜</i>
<em>定义着重字</em>
<del>定义删除字符</del>
<span style="background:blue; width: 300px;height;300px;" >499元</span><del>399</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: 100px;height: 100px;background: pink;display: inline-block;">5</span>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文本控制</title>
<style type="text/css">
p{font-weight:bold;/*定义粗体*/
font-size:30px; /* 定义字体大小*/
font-family:微软雅黑; /*定义字体，哈哈我最常用的字体*/}
h1{ text-align:center;/*left right*/
height: 100px;
background: #ccc;
line-height:100px;/*定义行高*/}
span{font-size: 40px;font-weight: bold;font-family: georgia;}
img{width: 300px;height: 400px;}
b{display: block;
width: 300px;
height: 40px;
background: red;
overflow: hidden;/*溢出隐藏*/
margin-bottom: 100px;}
b:hover{overflow: visible;}/*默认值，内容不会被修剪，元素会被呈现在元素框之外；*/
</style>
</head>
<body>
<h1>php中文网</h1>
<p>php中文网</p>
<br>
<!-- 谷歌logo -->
<span style="color:#0388F1">G</span>
<span style="color: rgb(245,28,39);">o</span>
<span style="color: #FFE80E">o</span>
<span style="color:#0388F1">g</span>
<span style="color:#39FF1B">l</span>
<span style="color: #FFE80E">e</span>
<!-- 图文混排 -->
<br>
<p style="display: inline-block;width: 300px;height: 400px;">"咕咕"将在上海海事大学生活。上海海事大学 图
近日，上海海事大学"录取"了一只鹅，它的名字叫"咕咕"。
吃。"
</p>
<img src="images/1.jpg">
<br><br>
<img src="images/1.jpg">
<b>网友"西弗勒斯FF"早前向上海海事大学咨询："你好，想问下海事大学是不是有鹅鹏，我是上海松江的一只宠物鹅的主人，我家的大鹅非常英俊，养一年半了。现在准备搬家没法继续养了，能不能收留我的鹅，实在舍不得。
</b>
</body>
</html>
