代码：
<!DOCTYPE>
<html>
<!--注释不能嵌套使用,不同标签不能交叉使用,即使错误浏览器会竭力实现正常化--> <!--head里的内容帮助浏览器解析-->
<head>
<meta charset="utf-8">
<浏览器会检索到title和h1标签>
<title>网页标题栏题目</title>
<meta http-equiv="refresh" content="5;url=http://www.baidu.com" />
</head>
<!--h标签有h1~h6,一般情况是h1~h3,优先级依次递减-->
<body>
<center>
<a name="top"></a>
<a href="#bottom">去底部</a>
<h1>标题一</h1>
<p>段落一:苹果是<font color="green" size="3">甜</font>的</p> <!--a超链接-->
<a href="http://www.baidu.com">百度</a>
<p>3秒后跳转页面</p>
<h2>标题二</h2>
<h3>标题三</h3>
<h4>标题四</h4>
<h5>标题五</h5>
<h6>标题六</h6>
<p>文本的的内容</p>
<p>文本的的内容</p>
<p>文本的的内容</p>
<p>文本的的内容</p>
<p>文本的的内容</p>
<p>文本的的内容</p>
<p>文本的的内容</p>
<p>文本的的内容</p>
<p>文本的的内容</p>
<p>文本的的内容</p>
<!--img的属性有src后面跟绝对路径或对路径,alt跟描述性的词语--> <img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=935896303,1654467016&fm=27&gp=0.jpg" alt="东风破" width="800">
<p>文本的的内容</p>
<p>文本的的内容</p>
<p>文本的的内容</p>
<p>文本的的内容</p>
<p>文本的的内容</p>
<p>文本的的内容</p>
<p>文本的的内容</p>
<p>文本的的内容</p>
<p>文本的的内容</p>
<p>文本的的内容</p>
<p>文本的的内容</p>
<p>文本的的内容</p>
<p>文本的的内容</p>
<p>文本的的内容</p>
<p>文本的的内容</p>
<p>文本的的内容</p>
<p>文本的的内容</p>
<p>文本的的内容</p>
<p>文本的的内容</p>
<p>文本的的内容</p>
<a name="bottom"></a>
<p><a href="#top">回顶部</a> | <a href="http://www.baidu.com">百度</a></p>
</center>
</body>
</html>
