HTML网页制作:制作锚点链接

1、锚点链接定义:

指我点击页面中的某一个链接(锚点链接),就会跳到这个页面的指定位置(锚点)。

2、锚点链接的步骤:

(1)、设置锚点:<a name="锚点的名字"></a>

意思是在网页中的某一个位置,插入一个锚点。

(2)、设置锚点链接:<a href="#锚点的名字">点我就会跳到锚点处</a>

意思是在网页中的某一个位置链接之前设定的锚点,只要点击该链接,就会自动跳转到锚点处。

(3)、此时,点击锚点链接就会跳到锚点的位置。

3、举例:

多个网站中的 回到顶部 按钮 就是用锚点做的。

<p name="top" id="top">这里是顶部</p>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<a href="#top">回到顶部</a>

通常锚点定义只需要写name这个属性,不过在xhtml中更正式是需要写上id。

参考链接:

https://jingyan.baidu.com/article/a3f121e4e51d38fc9052bb86.html

https://zhidao.baidu.com/question/679356986603917492.html

猜你喜欢

转载自blog.csdn.net/cherry_vicent/article/details/113072864
今日推荐