<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body>
<h1>演示HTML元素-标题</h1>
<!-- <hr />元素用于创建水平线,分隔内容-->
<hr />
<p>演示HTML元素-链接:</p>
<a href="https://www.runoob.com">菜鸟</a>
<hr />
<p>演示HTML元素-图片:</p>
<img src="/images/logo.png" alt="无法显示图片" width="258" height="39" />
<hr />
<p>演示互相嵌套HTML元素:</p>
<a href="https://www.runoob.com"><img src="/images/logo.png" alt="无法显示图片" width="258" height="39" /></a>
<hr />
<!-- <br>元素是一个空的HTML元素,关闭标签没有意义,因此没有结束标签 -->
<p>演示
<br />HTML元素-折行
</p>
<hr />
<p> 演示HTML文本格式化
<br /><b>加粗 for 定义粗体文本</b>
<br /><i>斜体 for 定义斜体文本</i>
<br /><strong>加粗 for 突出显示重要的文本</strong>
<br /><em> 斜体 for 突出显示重要的文本</em>
<br /><big>文本字体放大</big>
<br /><small>文本字体缩小</small>
<br />a<sup>2</sup>
<br />a<sub>1</sub>
</p>
<hr />
演示预格式化文本:对空行和空格进行控制,原样输出
<pre>
春眠不觉晓
处处闻啼鸟
夜来风雨声
花落知多少
</pre>
</body>
</html>