html案例 网站简介 第7步 交流区

1 本节目标

实际页面请点击 网站简介案例 第7步：交流区实现 。

查看源码的方法：网页右键 — 查看网页源代码 。

2 代码

<!-- 第7步 交流区 -->
<div id="chat" style="border: 1px solid #ccc;margin-top: 15px;padding: 10px 20px ;">
	<h2><span style="font-weight: 800;color: #FF0000;">/</span>交流方式</h2>
	<p style="line-height: 1.7;color:#666;">
		学习者加群沟通交流。<br>
		QQ群：797788738<br>
		
	</p>
	<img src="qr6.jpg" style="width: 200px;height: 260px;" >
</div>

3 代码讲解

图片img设置宽高有两种方式：

1）通过标签属性，此时不需要单位，默认就是px。形式如：属性="值" 。

<img src="qr6.jpg" width="200" height="260" >

2）通过style属性。形式如：style="属性:值" 。

<img src="qr6.jpg" style="width: 200px;height: 260px;" >