实例
<html> <head> <title>文本控制</title> <meta charset="utf-8"> </head> <body> <h1>h1标题 标签 最高级</h1> <h2>h2标签效果 二级</h2> <h3>h3标签</h3> <h4>h4标签效果</h4> <h5>h4标签效果</h5> <h6>h4标签效果</h6> <b>这是一个B标签加粗效果</b> <p>这个是段落标签！！！<br>说明：这是个换行标签！社区回帖送《价值2900元》的线上直播培训课程！<br>我们正在帮助真正需要学习的人！<br>为帮助更多真正想学习的人，php中文网不忘初心，将公益进行到底！我们特意举办一次活动.活动时间仅限今天！</p> <br>换行，空白行 <br> <strong>强化标签 php中文档</strong> <i>坚决打赢</i> <em>定义着重字</em> <del>定义删除字标签</del> <span style="background:pink;width:300px;height:200px;">定义现价999元</span><del>原价888</del> <pre>预格式化 可以展 示 空 格 文本</pre> <s></s> <p style="background:#ccc;">独占一行</p> <!-- 块级元素：div h1~h6 p 独占一行，对宽高属性值设置生效，不定义则默认宽高100% 行内，可以共存一行，对宽高属性值不生效 --> <!-- 行内块元素：结合了我们块级和行内的特点，对宽高属性值生效并共存于一行 --> <img src="images/yang.jpg" style="width:800px;height:300px;" /><span>999</span> 行内块级相互转换： display:inline 将块级元素转化为行内元素 display:inline-block 将块级元素转化为行内块元素 display:block;将行内元素转换为块级 <div style="width:100px;height:100px;background:pink;display:inline;">111</div> <div style="width:100px;height:100px;background:blue;display:inline-block;">222</div> <span style="width:100px;height:100px;background:blue;display:inline-block;">333</span> <span style="width:100px;height:100px;background:blue;display:inline-block">444</span> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文本控制</title>
<style type="text/css">
span{font-weight: bold;/*定义粗体*/
font-size: 30px;/*定义字体大小*/
font-family:楷体;/*定义字体，字体样式位在电脑c盘windows的fonts文件夹*/
}
h1{ text-align: center;/*right: left*/
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: pink;
overflow: hidden;/*溢出隐藏*/
margin:-bottom:100px;
}
b:hover{overflow: visible;}/*默认值，内容不会被修剪，元素会被呈现在元素框外面*/
</style>
</head>
<body>
<h1>php中文网</h1>
<p>php中文网</p>
<br>
<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>
<!-- 图文混排 -->
<p style="display:inline-block;width:300px;height:400px;">对于php程序员来说，随着php不同版本对于部分函数变量机制的更新改进，往往会让大家因在不同版本下使用同一变量而出现不同结果时而产生疑惑。那么本篇文章主要给大家详细解释下，为什么在PHP5和PHP7版本下，使用同一global变量时会出现不同结果的问题？下面给大家举一个简单易懂的例子。</p>
<img src="images/shan.jpg">
<br>
<img src="images/shan.jpg">
<b>在不同版本下使用同一变量而出现不同结果时而产生疑惑。那么本篇文章主要给大家详细解释下，为什么在PHP5和PHP7版本下，使用同一global变量时会出现不同结果的问题？
</b>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!DOCTYPE html>
<html>
<head>
<title>作业20180813</title>
<style type="text/css">
h1{text-align: left;}
img{width: 600px;height:300px; }
</style>
</head>
<body>
<h1>黄晓明出借账户被卷股票操纵案 知情人：账户未冻结</h1>
<pre>2018-08-13 21:18 黄晓明</pre>
<div align="center"><img src="images/zuoye20180813.jpg"></div>
<p align="center";>黄晓明（资料图）</p>
<p align="left">(来源：财新报)</p>
<br>
<p>搜狐娱乐讯 8月13日，据财新报道，记者证实，证监会刚刚公布的获利近9亿元、罚没款高达18亿元的高勇股票操纵案中的自然人账户之一确实为影视明星黄晓明名下账户。</p><br>
<p>而接近监管层的人士表示，这些自然人账户的所有人如果仅仅是出借账户，并不知道账户被利用进行操纵，这些账户也不会被冻结。</p><br>
<p>8月10日晚，证监会通报了5宗操纵案件，其中，高勇控制16个账户，操纵“精华”，半年内股价暴涨300%，非法获利8.97亿，被证监会没收违法所得8.97亿元并处罚8.97亿元。</p><br>
<p>根据证监会通报，高勇控制的16个账户，这些账户是黄某、张某燕、张某、吴某江、倪素某、倪松某、姜某、黄某明、徐某、朴某娜、薛某、吴某丰、崔某欣、吴某等人的账户。</p><br>
<p>媒体“股票说”调查表示，名单中，黄某就是明星黄晓明：“黄某明账户开立后由其母亲张某霞管理使用。经路某介绍，张某霞将黄某明证券账户部分委托高勇管理，该账户涉案交易由高勇作出。黄晓明的母亲叫张素霞。黄晓明和母亲张素霞，跟证监会通报材料中的黄某明和其母亲张某霞，正好一一对应！”</p><br>
<p>黄晓明工作室对此发声明否认，称黄晓明不认识高某，未参与过任何操纵股票的行为；黄晓明未曾受过任何与股票有关的处罚，亦未介入过任何与股票有关的调查。黄晓明工作室还敦促相关方即刻删撤一切虚假信息，以免对公众造成误导并导致己方法律责任的承担。</p>
<p align="right">责任编辑 刘仁迪</p>
<p>声明：该文观点仅代表作者本人，搜狐号系信息发布平台，搜狐仅提供信息存储空间服务。</p>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
小结：html页面布局，文本内容和图片引用和位置大小控制，标题h1h2h3......块级元素，行内元素，内块元素
