HTML
HTML（Hypertext Markup Language）超文本标记语言
HTML使用标签的的形式来标识网页中的不同组成部分.
所谓超文本指的是超链接，使用超链接可以让我们从一个页面跳转到另一个页面。
一个最基本的HTML页面：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网页标题</title>
</head>
<body>
<h1>网页正文</h1>
</body>
</html>
元素
我们还将一个完整的标签称为元素。
这里我们可以将元素和标签认为是一个同义词。
<h1>一级标题</h1>
上边的h1我们就称为元素
<p>我是一个<em>段落</em></p>
p也是一个元素，em是p的子元素，p是
em的父元素。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>作业</title>
</head>
<body id="bh-pge-index">
<center>
<h1>这是我的博客</h1>
<hr />
<h2>菊花台</h2>
<a href="https://baike.baidu.com/item/%E5%91%A8%E6%9D%B0%E4%BC%A6/129156?fr=aladdin">周杰伦</a><br /><br />
<p>你的泪光 柔弱中带伤</p>
<p>惨白的月弯弯 勾住过往</p>
<p>夜太漫长 凝结成了霜</p>
<p>是谁在阁楼上 冰冷地绝望</p>
<p>雨轻轻弹 朱红色的窗</p>
<p>我一生在纸上 被风吹乱</p>
<p>梦在远方 化成一缕香 </p>
<p>随风飘散 你的模样</p>
<p>菊花残 满地伤</p>
<img src="1.jpg" width="164px" height="204px" />
<p>你的笑容已泛黄 </p>
<p>花落人断肠 我心事静静躺</p>
<p>北风乱 夜未央</p>
<p>你的影子剪不断</p>
<p>一夜惆怅 如此委婉 </p>
<p>菊花残 满地伤 </p>
<p>你的笑容已泛黄</p>
<p>花落人断肠 我心事静静躺</p>
<p>北风乱 夜未央</p>
<p>你的影子剪不断 </p>
<img src="2.jpg" width="164px" height="204px" />
<p>徒留我孤单在湖面 成双</p>
<p>是谁在阁楼上 冰冷地绝望</p>
<p>雨轻轻弹 朱红色的窗</p>
<p>我一生在纸上 被风吹乱</p>
<p>梦在远方 化成一缕香 </p>
<p>随风飘散 你的模样</p>
<p>菊花残 满地伤</p>
<hr />
<a href="#bh-pge-index"></a>
</center>
</body>
</html>
