HTML入门笔记16-HTML相对链接

来源：互联网发布：知轩藏书论坛编辑：程序博客网时间：2024/06/02 17:43

本篇学习HTML中相对链接写法，就像我们看电子书，点击左侧目录章节名称，就会自动跳转到对应内容。下面我们就写一个demo.html来模仿这种行为。

<!DOCTYPE html>        <html>            <head>          <title>              HTML的相对链接用法        </title>              <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />      </head>      <body>  <pre>一些文字简介描述，随便写一些。<h2>Contents [hide]1 前言2 历史2.1 第一节<a href="#end">2.2 结束语</a>2.3 第三节2.4 第四节2.5 第五节2.6 第六节2.8 第七节2.9 第八节    2.10 第七节    2.11 第七节    2.12 第七节3 第三篇    3.1 第一节    3.2 第二节</h2><p><a name="end">结束语</a>这是一段结束语描述，随便乱写一些内容。束带结发Joe我发addafewfweffwffeegj  jiejge </p></pre>    </body>  </html>

如果你的显示器是大屏幕，建议你多copy几行章节，点击带蓝色下划线的章节，会定位到底部的结束语部分。上面思路就是在需要定位跳转的段落插入一个<a>标签,name随便写一个，上面写的是end,然后在章节，更加#end就可以找到这个<a>标签。

阅读全文

0 0