<!DOCTYPE html>
<html lang="en">
<head>
<meta charset = "utf-8">
<title>
Sugar's page
</title>
</head>
<body>
<h1>This is the first header</h1> <!--标题-->
<p>
This is a paragraphs. <!--段落-->
<br> <!--空行-->
This is a next line
<br>
Hi!
</p>
<blockquote>> <!--引用-->
It' a lone life.
<cite>By sugar</cite> <!--出处-->
</blockquote>
<p>Click me <a href="2.html">here</a> to view a page</p> <!--链接到另一页面-->
<p><a href="http://www.baidu.com">百度</a></p> <!--链接到网页-->
<p>
<img src='1.jpg' title="a text" width="200"> <!--放置图片-->
</p>
<p>
<a href="http://www.baidu.com"><img src='1.jpg' width="200"/></a> <!--图片链接-->
</p>
</body>
</html>
输出效果: