博客列表 >HTML常用标签以及图文混排—2018年8月13日

HTML常用标签以及图文混排—2018年8月13日

益伦的博客
益伦的博客原创
2018年08月14日 21:48:00966浏览

课程:PHP中文网上了第三期的培训(前端部分)

时间:2018年8月13号晚8点

讲师:灭绝师太!

内容:HTML是由标签组成的,为了让HTML美观,加入CSS样式表,引入CSS的三种方式,内联样式》内部样式》外部样式

实例

实例

<!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>这是一个h5标签</h5>
	<h6>这是一个h6标签</h6>
	<p>这是一个p标签</p>
	<b>这是一个B标签</b><br>
	<strong>这是一个strong标签</strong><br>
	<i>这是一个i标签</i><br>
	<em>这是一个em标签</em><br>
	<del>这是一个del删除线标签</del><br>
	<p style="background: yellow;width: 300px;height: 200px;">PHP中文网</p>
	<!-- 块级元素:div h p 独占一行 对宽高属性值设置生效 -->
	<span>399元</span>
	<!-- 行内:可以共存于一行对宽高属性值设置不生效 -->
	<img src="images/i.jpg" style="width: 100px;height: 200px;"alt="">
	<!-- 行内块元素:设置宽高并且不占一行 -->
	<div style="width: 100px;height: 100px;background: pink; display: inline;">1</div>
	<!-- display: inline 将块级元素转换为行内 -->
	<div style="width: 100px;height: 100px;background: pink; display: inline-block;">2</div>
	<!-- display: inline-block;将块级元素转换为行内块元素 -->
<span style="width: 100px;height: 100px;background: pink;display: block;">3</span>
<!-- display: block;将行内元素转换为块级 -->
<span style="width: 100px;height: 100px;background: pink;display: inline-block;">4</span>
<!-- display: inline-block;将行内元素转换为行内块元素 -->

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

3.png


实例

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>凤凰财经打黑黄晓明</title>
	<link rel="icon" text="image/x-icon" href="images/4.jpg">
	<style type="text/css">
		h1{background:red;text-align: center;font-size:5em;width: 70%;margin: auto;}
        #box{background:pink;width: 66%;margin:10px auto;padding: 40px;
        }
        pre{font-size: 2em;color: green;font-weight: 700;font-style: italic;
        }
        p{text-indent: 2em;font-size: 3em
        }
        img{box-shadow: 15px 10px 10px #888;border-radius: 70%}
        span{display: inline-block;width: 45%;font-size: 3em;text-indent: 2em;padding-left: 60px;}
        #pid{display: inline-block;width: 50%;font-size: 3em;text-indent: 2em;

        }
        #pid2{  /*display: block;*/
        	text-indent: 2em;
        	font-size: 2em;
	    	width: 500px;
	    	height: 40px;
	    	float: right;
	    	background: pink;
	    	overflow: hidden;/*溢出隐藏*/
	         margin-bottom: 300px;

	    }
	    #pid2:hover{overflow: visible;}

	</style>
</head>
<body>
	<h1 >黄晓明跑不了 铁定卷入18亿股票操纵大案</h1>
	<div id="box">
		<pre>
2018-08-13 17:32:41 
来源: 灭绝师太
	    </pre>
	    <p>世界上没有神仙,有,那都是神棍。世界上没有救世主,有,那都是。</p>
	    <p>A股是一个经常神出鬼没的地方。股神徐翔锒铛入狱之后,这不又冒出个“民间股神”高勇,一出世就搞出了18亿股票操纵大案。高勇不是一个人在战斗,他成立的私募基金护城河公司没有成为他操纵股价的护身符,相反引爆了更大的地雷,将身后的明星黄晓明给推向了股票操纵大案的更口浪尖。</p>
	    <img src="images/2.jpeg" width="50%" alt="">
	    <span>高勇的坐庄之路简单粗暴。坐庄之前,高勇经常到电视台做节目讲股票,参加炒股大赛获得过冠军,在高校开设投资课程这些老套路,把自己包装成所谓的股神。赚足了名气之后,高勇跟人合伙成立了私募基金公司北京护城河投资发展中心。护城河公司跟其他私募套路一样,通过信托等渠道进行资金募集。部分不愿意买信托的,就将自己的账户委托给高勇进行代客理财。高勇两个信托账户和代管的14个自然人账户,聚合资金超过20亿。高勇喜欢一把梭,20亿资金全部坐庄精华制。</span>
	    <p id="pid">巨额资金在手,高勇开始了粗暴而又疯狂的坐庄之路。从2015年1月12日到2月17日短短一个月时间内,高勇的账户组就委托买入2839万股精华制。这个量有多大呢?超过同期申购量的28%。期间成交了2371万股,成交量更是超过同期36%。这期间至少有18个交易日的成交量超过同期的10%,最高成交量占比超过76%。这种利用资金优势连续交易的玩儿法,很容易将股价拉升。就这么1个月时间,股价涨幅超过66%。</p>
	    <img src="images/3.jpg" alt="" title="师太最爱" width="42%" style="float: right;">
	    <p id="pid2">师太点评:黄晓明真的能从18亿股票操纵案中脱身吗?《德林社》一直认为,法律面前人人平等,法律绝不冤枉一个好人,也不要放过一个坏人。特别是作为公众人物更应该遵法守法,我们希望黄晓明能够及时将问题彻底解释清楚。</p>
	    


	</div>
	
	
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

5.png

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议