做出如下图效果：
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>最便捷的HTML5学习网站</title>
<style>
.p1{font-style: oblique;color:#cac79d;font-size: 1.3em;}
.p2{color:#a2af64;word-spacing:0.2em;}
.p3{color:#a2af64;}
.p4{word-spacing:0.1em;}
</style>
</head>
<body>
<h1><span class="p1">HTML5</span> 简介</h1>
<p> HTML（Hyper Text Markup Language）是一种用于创建网页的标准标记语言。</p>
<p> HTML5是HTML最新的修订版本，由W3C完成了标准的制定。</p>
<p> HTML5简单易学，可以轻松上手！</p>
<h1><span class="p1">HTML5</span> 基础</h1>
<h2>1.通过实例介绍基础结构</h2>
<span class="p2">
<p> <!DOCTYPE html></p>
<p> <html></p>
<p> <head></p>
<p> <meta charset="utf-8"></p>
<p> <title>HTML5基础实例</title></p>
<p> </head></p>
<p> <body></p>
<p> <h1>我的第一个标题</h1></p>
<p> <p>我的第一个段落。</p></p>
<p> </body></p>
<p> </html></p>
</span>
<h2>2.HTML5基础实例解析</h2>
<p class="p4"> （1）<strong class="p3">DOCTYPE</strong>是HTML5文档的声明。</p>
<p class="p4"> （2）<strong class="p3">html</strong>元素是HTML5页面的根元素。</p>
<p class="p4"> （3）<strong class="p3">head</strong>元素包含了文档的元（meta）数据等。</p>
<p class="p4"> （4）<strong class="p3">title</strong>元素定义了文档的标题。</p>
<p class="p4"> （5）<strong class="p3">body</strong>元素包含了可见的页面内容。</p>
<p class="p4"> （6）<strong class="p3">h1</strong>元素定义一个大标题。</p>
<p class="p4"> （7）<strong class="p3">p</strong>元素定义一个段落。</p>
</body>
</html>
网页效果：
68
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
