一天就搞了俩模块，总感觉这效率怎么这么低啊～明天加油，希望弄仨或者更多哈哈哈

<h1>5、HTML样式</h1>
		<p>5.1、HTML Style 元素</p>
		<div style="opacity: 0.3;position: absolute;left: 50px;width: 200px;height: 200px;background-color: #40B3DF;"></div><!-- opacity不透明度 position：absolute位置：绝对的-->
		<div style="opacity: 0.5;position: absolute;left: 60px;width: 200px;height: 100px;background-color: #fd6fcf;"></div>
		
		<div style="font-family: verdana;padding: 20px;border-radius: 10px;border: 10px solid #EE872A;">
			<div style="opacity:0.3;position:absolute;left: 120px;width: 100px;height: 200px;background-color: #8AC007;"></div>
			<h3>Look! Styles and colors</h3>
			<div style="letter-spacing: 12px;">Manipulate（控制字母间隔）Text</div>
			<div style="color: #40B3DF;">colors啦啦啦啦啦
				<span style="background-color: #B4009E;color: #ffffff;">背景色为紫色，字体为白色</span>
			</div>
			<div style="color: #000000;">and more....</div>
		</div>
		
		<p>5.2/3/4、背景色样式,字体大小样式颜色、文本对齐</p>
		<!-- <body style="background-color: yellow;"body背景色在最上面> -->
			<h2 style="background-color: red;font-family: verdana;font-size:200%; center;">这是标题(text-align校准对齐:center居中)</h2>
			<p style="background-color: green;font-family: arial;color: white;font-size: 20px;">这是段落落啦啦啦啦啦啦</p>
	<p>5.5、HTML使用不同样式（内部样式表）</p>
	<p>在head标签中设置h1和p标签的style样式，后面body标签中的h1和p标签就会按照style显示</p>
	<h1>h1标签的颜色是深绿的</h1>
	<p>p标签的字体颜色是粉色</p>
	
	<p>5.6没有下划线的链接</p>
	<a href="https://www.baidu.com" style="text-decoration: none;">没有下划线的baidu链接</a>
	
	<p>5.7链接到一个外部样式表（外部样式表）</p>
	<h3>外联样式表设置h3蓝紫色为背景色，胡萝卜色为字体颜色</h3>
	
	<h1>6、HTML链接</h1>
	<p>6.1 创建超级链接</p>
	<p>
		<a href="sun.gif">在下</a>
		是指向本网站的一个页面的
	</p>
	<p>
		<a href="https://www.baidu.com">此处</a>
		是指向外网站的一个链接
	</p>
	
	<p>6.2 将图像作为链接</p>
	<p>创建图片链接：
		<a href="https://baike.baidu.com/item/%E5%A4%AA%E9%98%B3/24010?fr=aladdin">
			<img border="8" src="./sun.gif" alt="百度百科-太阳" width="32" height="32" />
		</a>
	</p>
	
	<p>创建无边框的图片链接：
	<a href="https://baike.baidu.com/item/%E5%A4%AA%E9%98%B3/24010?fr=aladdin">
		<img border="0" src="./sun.gif" alt="百度百科-太阳" width="32" height="32"/>
	</a>
	</p>
	
	<p>6.3在新的浏览器窗口打开链接</p>
	<p>将target属性设置成“_blank”，链接将在新的窗口打开</p>
	<a href="https://www.baidu.com/" target="_blank">访问百度（正斜杠要规范写好，否则会请求两次服务器，加好/再请求一次）</a>
	
	<p>6.4 链接到同一个页面的不同位置</p>
	<p>
		<a href="#C4">查看章节4</a>
	</p>	
	<h2>章节1</h2>
	<p>内容吧啦吧啦吧啦吧啦....</p>
	<h2>章节2</h2>
	<p>内容吧啦吧啦吧啦吧啦....</p>
	<h2>章节3</h2>
	<p>内容吧啦吧啦吧啦吧啦....</p>
	<h2><a id="C4"></a>章节4</h2>
	<p>我在这，看到了吗，嘿嘿你好呀！内容吧啦吧啦吧啦吧啦....</p>
	<h2>章节5</h2>
	<p>内容吧啦吧啦吧啦吧啦....</p>
	<h2>章节6</h2>
	<p>内容吧啦吧啦吧啦吧啦....</p>
	<h2>章节7</h2>
	<p>内容吧啦吧啦吧啦吧啦....</p>
	<h2>章节8</h2>
	<p>内容吧啦吧啦吧啦吧啦....</p>
	<h2>章节9</h2>
	<p>内容吧啦吧啦吧啦吧啦....</p>
	<h2>章节10</h2>
	<p>内容吧啦吧啦吧啦吧啦....</p>
	<h2>章节11</h2>
	<p>内容吧啦吧啦吧啦吧啦....</p>
	<h2>章节12</h2>
	<p>内容吧啦吧啦吧啦吧啦....</p>
	
	<p>6.5 跳出框架</p>
	<a href="https://www.baidu.com/" target="_top">访问百度，你品，你仔细品，和上一个访问百度差到哪了</a>
	
	<p>6.6/7 创建电子邮件链接1/2</p>
	<p>这是一个电子邮件链接
	<a href="mailto:somebody@qq.com?cc=somebody2@qq.com&bcc=somebody3@qq.com&Subject=Hello%20again&body=You%20are%20a%20clever%20girl!" target="_top">发送邮件</a>
	</p>
	<p>
		<b>注意：</b>单词之间的空格用%20代替，以确保浏览器可以正常显示文本；邮件接收者？抄送&密送&主题&body内容
	</p>
	
	<p>7、HTML图像</p>
	<p>7.1插入图像</p>
	<p>
		一个图像：
		<img src="lala.jpg" alt="lala" width="150" height="150"/>
	</p>
	<p>
		一个动图:
		<img src="ILY.gif" alt="ILY" width="250" height="130" />
	</p>
	<p>动图和静态图语法一样</p>