下面给出的是一份不完整的HTML文档，请根据HTML的基本语法规则补充填写①、 ②、③、④处所缺少的标记，并简要解释该文档中的标记
长江的组成及作用。 <①> <②>
中国河流介绍 </HEAD> <BODY> <H1>中国河流概况<③> <IMG SRC="D: /picture.jpg> <PRE>*****中国主要河流****</PRE> <A href＝＂F：/file1．html＂>长江</A> <A href＝＂F：/file2．html＂>黄河</A> <A href＝＂F：/file3．html＂>黑龙江</A> <④> </HTML><br>【正确答案】：①HTML（2分）②HEAD（2分）③/H1（1分）④/BODY（1分）该标记是超文本链接标记<A>和</A>的一种具体构成形式。（1分）其中的 href是超文本链接标记中的一种属性，（1分）属性的值为超文本链接要跳转到的目的地，可以是本机上的一个文件名（这里是F：/file1．html），也可以是互联网上另一个网页的URL。（1分）标记间的字符串是被设置为超文本链接的一串文字（该标记中是“长江”），在浏览器中单击它即可实现跳转。（1分）<br> </div>
<div class="navigation">
<a href="category.php?id=991" class="nav-btn">
← 返回分类
</a>
<a href="index.php" class="nav-btn">
返回首页 →
</a>
</div>
</div>
<div class="related-questions">
<h3 class="section-title">相关题目</h3>
<ul class="related-list">
<li class="related-item">
<a href="question.php?id=943323">
以下不属于网络操作系统的软件是 </a>
</li>
<li class="related-item">
<a href="question.php?id=943322">
某一速率为100M的交换机有20个端口，则每个端口的传输速率为 </a>
</li>
<li class="related-item">
<a href="question.php?id=943321">
X.25协议采用的是 </a>
</li>
<li class="related-item">
<a href="question.php?id=943320">
TCP／IP体系结构中的TCP协议所提供的服务是( ) </a>
</li>
<li class="related-item">
<a href="question.php?id=943319">
以下各项中，属于虚电路操作特点的是 </a>
</li>
</ul>
</div>
</div>
<a href="#" class="back-to-top" onclick="window.scrollTo({top: 0, behavior: 'smooth'}); return false;">↑</a>
<script>
// 平滑滚动到顶部
document.querySelector('.back-to-top').addEventListener('click', function(e) {
e.preventDefault();
window.scrollTo({
top: 0,
behavior: 'smooth'
});
});
// 显示/隐藏返回顶部按钮
window.addEventListener('scroll', function() {
var backToTop = document.querySelector('.back-to-top');
if (window.pageYOffset > 300) {
backToTop.style.display = 'flex';
} else {
backToTop.style.display = 'none';
}
});
</script>
</body>
</html>