实例
<!DOCTYPE HTML>
<HTML>
<head>
<title>标签的使用及布局</title>
<meta charset="utf-8">
<style type="text/css">
body{
width:auto;
height:auto;
padding: 0px;
margin: 0px;
font-weight:bold;
background-color: #0d0410;
}/*宽、高设置自动，内外补丁设置0PX，字体宽度默认，背景颜色黑色*/
a{
text-decoration: none;
color:#3f76ff;
font-size:18px;
}/*设置链接下划线为无，设置链接字体颜色，设置字体大小*/
p{
font-size:18px;
}/*设置P标签元素字体大小*/
img{
width:730px;
height:400px;
}/*设置图片宽高（大小）*/
p img{
width:14px;
height:14px;
}/*设置搜狗logo图片大料*/
#box{
width:730px;
height:auto;
margin:auto;
padding:20px 20px;
background-color: #fafffc;
}/*设置主体宽730，高自动（随大小变化而变化），外补丁自动，内补丁上下左右各20px，设置背景颜色白色*/
.imge{
width:14px;
height:14px;
}/*黄晓明链接标识大小*/
.titlecorter{
font-size:16px;
color: rgba(81, 83, 77, 0.61);
display: inline-block;
}/*设置时间来源字体大小，颜色，把块元素变为行内块元素*/
.rightfolt{
text-align:right;
display:inline;
float: right;
padding-top:10px;
}/*设置字体右对齐，块元素改为行内元素，设置外补丁顶部10px对齐文本*/
.nu918{
text-align: right;
font-size:16px;
color: #51534d;
}/*设置文本右对齐，字体大小16px，颜色深灰色*/
.shenming{
font-size:14px;
color: #818a79;
}/*设置结尾声明字体大小14px，颜色浅灰*/
</style>
</head>
<body>
<div id="box">
<h1>黄晓明出借账户被卷股票操纵案 知情人:账户未冻结</h1>
<!--使用h1设置标题加粗-->
<div class="titlecorter">
<pre>2018-08-13 21:18 来源:搜狐娱乐</pre>
<!--格式化文本输出-->
</div>
<div class="rightfolt">
<img src="images/01.png" class="imge"/>
<a href="http://www.huangxiaoming.com">黄晓明</a></div>
<!--DIV块元素独占一行，随设置大小而改变大小，图片与连接同一行内右对齐-->
<p>原标题：黄晓明出借账户被卷股票操纵案 知情人：账户未冻结</p>
<!--p行内元素，标签独占一行，随设置大小而改变大小-->
<img src="images/1.jpg"/>
<!--连接图片标签，紧跟双src地址-->
<p align="center">黄晓明（资料图）</p>
<!--行内元素，居中对齐-->
<p>（来源：财新报）</p>
<!--行内元素，默认左对齐-->
<P>搜狐娱乐讯 8月13日，据财新报道，记者证实，证监会刚刚公布的获利近9亿元、罚没款高达18亿元的高勇股票操纵案中的自然人账户之一确实为影视明星黄晓明名下账户。</P>
<P>而接近监管层的人士表示，这些自然人账户的所有人如果仅仅是出借账户，并不知道账户被利用进行**场操纵，这些账户也不会被冻结。</P>
<P>8月10日晚，证监会通报了5宗**操纵案件，其中，高勇控制16个账户，操纵“精华制*”，半年内股价暴涨300%，非法获利8.97亿，被证监会没收违法所得8.97亿元并处罚8.97亿元。</P>
<P>根据证监会通报，高勇控制的16个账户，这些账户是黄某、张某燕、张某、吴某江、倪素某、倪松某、姜某、黄某明、徐某、朴某娜、薛某、吴某丰、崔某欣、吴某等人的账户。</P>
<P>媒体“股票说”调查表示，名单中，黄某就是明星黄晓明：“黄某明账户开立后由其母亲张某霞管理使用。经路某介绍，张某霞将黄某明证券账户部分委托高勇管理，该账户涉案交易由高勇作出。黄晓明的母亲叫张素霞。黄晓明和母亲张素霞，跟证监会通报材料中的黄某明和其母亲张某霞，正好一一对应！”</P>
<P>黄晓明工作室对此发声明否认，称黄晓明不认识高某，未参与过任何操纵股票的行为；黄晓明未曾受过任何与股票有关的处罚，亦未介入过任何与股票有关的调查。黄晓明工作室还敦促相关方即刻删撤一切虚假信息，以免对公众造成误导并导致己方法律责任的承<br>担。
<img src="images/timg.jpg" alt=""/>
<a href="http://fanhuisouhu.com">返回搜狐，查看更多</a>
</P>
<p class="nu918">责任编辑:刘爱迪UN918</p>
<p class="shenming">声明：该文观点仅代表作者本人，搜狐号系信息发布平台，搜狐仅提供信息存储空间服务。</p>
<!--每一个P标签独占一行，随主体宽度大小自动换行-->
</div>
</body>
</HTML>运行实例 »
点击 "运行实例" 按钮查看在线实例
总结：请老师帮忙看看我写的实例代码有哪些地方是错误的，我昨晚花了3个多小时，一个一个调试的，谢谢。
