课堂笔记1
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>文本控制</title> 笔记：p标签是独占一行的，自带换行符。对宽高的属性值设置生效。 </head> <body> <h1>这是一个h1标签</h1> <h2>这是一个h2标签</h2> <h3>这是一个h3标签</h3> <h4>这是一个h4标签</h4> <h5>这是一个h5标签</h5> <h6>这是一个h6标签</h6> <b>这是粗体标签</b> <p>这个是P标签<br />啦啦啦啦啦啦啦啦啦啦啦</p> <br /> <br /> <strong>PHP中文网</strong> <i>这里是一个i标签</i> <em>定义着重字</em> <del>定义删除字标签</del> <span>399元</span><del>499元</del> <pre>定义 预格式化文 本</pre> <p style="background: blueviolet;width:300px;height:200px;">123</p> <span>321</span> <!--块级元素：div h1~h6 p （独占一行，对宽高的属性值设置生效） 行内元素：可以共存于一行 并且对宽高的属性值设置不生效--> <!--行内块元素：结合了块级以及行内的特点--> <img src="img/timg.jpg" stayle="width: 20px;height: 200px;"/><span>123</span> <!--行内块级互相转换： display： inline 将块级元素转换为行内元素 display: inline-block 将块级元素转换为行内块元素 display: block 将行内元素转换成块级元素--> <div style="width: 100px;height: 100px;background: chartreuse;display: inline;">1</div> <div style="width: 100px;height: 100px;background: chartreuse;display: inline-block;">2</div> <span style="width: 100px;height: 100px;background: chartreuse;display: block;">3</span> <span style="width: 100px;height: 100px;background: chartreuse;display: inline-block">4</span> <span style="width: 100px;height: 100px;background: chartreuse;display: inline-block">5</span> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
课堂笔记2
<!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: cyan;
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: burlywood;
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><!--rgb做透明度的时候用-->
<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;">帐号 搜索 地图 YouTube Play 新闻 Gmail 通讯录 云端硬盘 日历 Google+ 翻译 相册更多 登录隐私权条款设置使用Google.co设置使用Google.co设置使用Google.co</p>
<img src="img/timg.jpg" />
<br />
<br />
<img src="img/timg.jpg" />
<b>帐号 搜索 地图 YouTube Play 新闻 Gmail 通讯录 云端硬盘 日历 Google+ 翻译 相册更多 登录隐私权条款设置使用Google.co设置使用Google.co设置使用Google.co</b>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
课后作业
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>8月13号作业</title> </head> <body> <div style="solid #000000;width: 500px;height: 1200px;margin: 0 auto;"> <h2>黄晓明出借账户被卷股票操纵案 知情人：账户未冻结</h2> <span style="font-size: 12px;color: #CCC0B7">2018-08-13 21:18 来源：搜狐娱乐</span> <div style="display: inline-block;float:right;"><span style="font-size: 12px;color: #A1BDF6">黄晓明</span></div> <p style="text-align:center"><img src="http://5b0988e595225.cdn.sohucs.com/images/20180813/2f1c5e1bdb8c44e6ad1246ec7c803b33.jpeg" width="480" height="320" /></p> <p style="text-align: center;font-size: 10px;">黄晓明（资料图）</p> <p style="font-size: 10px;">（来源：财新报）</p> <p style="font-size: 15px;">搜狐娱乐讯 8月13日，据财新报道，记者证实，证监会刚刚公布的获利近9亿元、罚没款高达18亿元的高勇股票操纵案中的自然人账户之一确实为影视明星黄晓明名下账户。</p> <p style="font-size: 15px;">而接近监管层的人士表示，这些自然人账户的所有人如果仅仅是出借账户，并不知道账户被利用进行操纵，这些账户也不会被冻结。 </p> <p style="font-size: 15px;">8月10日晚，证监会通报了5宗操纵案件，其中，高勇控制16个账户，操纵“精华制yao”，半年内股价暴涨300%，非法获利8.97亿，被证监会没收违法所得8.97亿元并处罚8.97亿元。</p> <p style="font-size: 15px;">根据证监会通报，高勇控制的16个账户，这些账户是黄某、张某燕、张某、吴某江、倪素某、倪松某、姜某、黄某明、徐某、朴某娜、薛某、吴某丰、崔某欣、吴某等人的账户。</p> <p style="font-size: 15px;">媒体“股票说”调查表示，名单中，黄某就是明星黄晓明：“黄某明账户开立后由其母亲张某霞管理使用。经路某介绍，张某霞将黄某明证券账户部分委托高勇管理，该账户涉案交易由高勇作出。黄晓明的母亲叫张素霞。黄晓明和母亲张素霞，跟证监会通报材料中的黄某明和其母亲张某霞，正好一一对应！”</p> <p style="font-size: 15px;">黄晓明工作室对此发声明否认，称黄晓明不认识高某，未参与过任何操纵股票的行为；黄晓明未曾受过任何与股票有关的处罚，亦未介入过任何与股票有关的调查。黄晓明工作室还敦促相关方即刻删撤一切虚假信息，以免对公众造成误导并导致己方法律责任的承担。</p> <br /> <p style="text-align: right;font-size: 15PX;">责任编辑：刘艾迪 UN918</p> <p style="font-size: 12px;color: #CCC0B7">声明：以上内容仅作为php学习用途！</p> </div> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
