先上一段代码，已经尽最大努力做到和下发的作业图片一致了，当然CSS方面还没有学，不然还可以做到更好！
实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>0813作业</title>
<link rel="stylesheet" type="text/css" href="text.css">
<style type="text/css">
a[href="http://www.php.cn/"]{color:skyblue;}
body{width:38%;}
p{letter-spacing: 2px;}
</style>
</head>
<body>
<div>
<h1>黄晓明出借账户被卷股票操纵案 知情人：账户未冻结</h1>
<pre style="color:#A8A8A8">2018-08-13 21:18 来源：搜狐娱乐 <img src="images/1.jpg"style="position: relative;top: 5px"><a href="http://www.php.cn/" style="font-size: 120%;">黄晓明</a>
</pre>
</div>
<div style="font-size: 18px;font:黑体;font-weight: bold">原标题：黄晓明出借账户被卷股票操纵案 知情人：账户未冻结
</div>
<div style="margin-top:30px">
<img src="images/2.jpeg"style="width:730px;">
</div>
<div style="margin-top:30px;text-align: center;font:黑体;font-weight: bold">黄晓明（资料图）
</div>
<div style="margin-top:30px;font:黑体;font-weight: bold">(来源：财新报)</div>
<div style="font:黑体;font-weight: bold;">
<p style="font-size:16px;line-height:25px;">搜狐娱乐讯 8月13日，据财新报道，记者证实，证监会刚刚公布的获利近9亿元、罚没款高达18亿元的高勇股票操纵案中的自然人账户之一确实为影视明星黄晓明名下账户。</p>
<p style="font-size:16px;line-height:25px;"> 而接近监管层的人士表示，这些自然人账户的所有人如果仅仅是出借账户，并不知道账户被利用进行操纵，这些账户也不会被冻结。</p>
<p style="font-size:16px;line-height:25px;"> 8月10日晚，证监会通报了5宗操纵案件，其中，高勇控制16个账户，操纵“精华制”，半年内股价暴涨300%，非法获利8.97亿，被证监会没收违法所得8.97亿元并处罚8.97亿元。 </p>
<p style="font-size:16px;line-height:25px;">根据证监会通报，高勇控制的16个账户，这些账户是黄某、张某燕、张某、吴某江、倪素某、倪松某、姜某、黄某明、徐某、朴某娜、薛某、吴某丰、崔某欣、吴某等人的账户。</p>
<p style="font-size:16px;line-height:25px;"> 媒体“股票说”调查表示，名单中，黄某就是明星黄晓明：“黄某明账户开立后由其母亲张某霞管理使用。经路某介绍，张某霞将黄某明证券账户部分委托高勇管理，该账户涉案交易由高勇作出。黄晓明的母亲叫张素霞。黄晓明和母亲张素霞，跟证监会通报材料中的黄某明和其母亲张某霞，正好一一对应！”</p>
<p style="font-size:16px;line-height:25px;">黄晓明工作室对此发声明否认，称黄晓明不认识高某，未参与过任何操纵股票的行为；黄晓明未曾受过任何与股票有关的处罚，亦未介入过任何与股票有关的调查。黄晓明工作室还敦促相关方即刻删撤一切虚假信息，以免对公众造成误导并导致己方法律责任的承担。<a href="http://www.php.cn/"><img src="images/3.jpg"></a></p>
</div>
<div style="text-align: right;font-size: 80%">责任编辑：刘爱迪UN918</div>
<pre style="color:#A8A8A8">声明:该文观点仅代表作者本人，搜狐号系信息发布平台，搜狐仅提供信息存储空间服务。</pre>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
另外再上两个课堂笔记：
实例
<!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>所有计算机语言的学习都要从基础开始，《php入门教程之一周学会PHP》不仅是PHP的基础部分，更主要的是PHP语言的核心技术，<br>是学习PHP必须掌握的内容，任何PHP项目的实现都离不开这部分的内容，通过一周的深入学习让你快速掌握PHP的各项技能，助你的工作和学习更上层楼！</p> <br> <br> <strong>php中文网</strong> <i>定义斜体字</i> <em>定义着重字</em> <del>定义删除字</del> <span style="background:pink;">399元</span><del>499元</del> <pre>预格 式 化文本</pre> <p style="background:#ccc;width:300px;height:200px;" >123456</p> <span>399元</span> <img src="images/二维码.jpg" style="width:200px;height:200px;"><span>399元</span> <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>文本控制2</title>
<style type="text/css">
p{font-weight:bold;
font-size:30px;
font-family: 楷体;
}
h1{text-align: center;
height: 100px;background: #ccc;
line-height:100px;
}
span{font-size: 40px;font-weight: bold;font-family: georgia;
}
img{width:300px;height: 300px;}
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>
<br>
<p style="display: inline-block;width: 300px;height: 300px;">南通税企通平台定位：旨在构建税企之间的桥梁，有效的通知到纳税人和解决纳税人的切实问题；另外CA微功能已经上线，希望以多维度的方式满足用户的服务需求！</p>
<img src="images/二维码.jpg">
<br><br>
<img src="images/二维码.jpg">
<b>南通税企通平台定位：旨在构建税企之间的桥梁，有效的通知到纳税人和解决纳税人的切实问题；另外CA微功能已经上线，希望以多维度的方式满足用户的服务需求！</b>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
下半节课，灭绝老师和我们讲述了元素通过标签和属性来定位、上色和勾践区块的整体属性值。
讲真：这节课听的有点懂，但是做作业遇到了不少困难，导致这会才做好已经是8月15号下班之后了，所以14号的作业又要晚交了，呆萌/脸。。。