怎么在制作网页中 设置超链接

怎么在制作网页中 设置超链接,第1张

链接有外链接和内链接两种。下面,我们来看看怎么在制作网页中,设置超链接吧。

a标签

在HTML中一般是采用a标签来创建超链接,如下图所示:

href

a标签有href属性,表示跳转到某个链接中,如下图所示:

预览效果

然后右击网页,选择在浏览器中预览,预览效果如下图所示:

点击文字链接就会跳转到搜狗搜索的页面,如下图所示:

锚链接就可以了

如何创建锚链接?

锚链接让访问者轻松地浏览很长的网页的各个部分。可以使用两组代码集来创建锚链接,这两组代码集均用

<A>

</A>标记围起来。步骤如下:

首先,应确定锚的名称。本例中,我们仅使用

anchor

为名称。然后使用

<A

NAME="anchor">

代码定义锚放置的位置,以便无论何时链接这个锚,都可以通过调用这个锚的名称,将您直接到带到这个位置。请记住,如果您想在多个部分引用这个网页,使用锚更有意义,尤其当您无法在一个很长的网页中一次查看一个完整的浏览器窗口中的所有信息的时候,使用锚是最有用的。例如,我已经在本页的结尾处放置了以上锚代码以进行演示。现在,如何链接到这个锚呢?您只需使用:

<A

HREF="#anchor">第一部分</A>

请注意锚名称前面的

#

--

这非常重要!此代码将在您的网页中显示“第一部分”,单击它会将您带到同一网页中放置了这个锚的位置。

对于下面的示例,这是我们用来创建锚链接的代码。添加了几行

sample

text

以显示一种跳转至底部锚的更有效的演示方法:

<a

href="#anchor">第一部分</a>

<p>sample

text

<p>sample

text

<p>sample

text

<p>sample

text

<p>sample

text

<p>sample

text

<p>sample

text

<p>sample

text

<p>sample

text

<p>sample

text

<p>sample

text

<p>sample

text

<p>sample

text

<p>sample

text

<p><a

name="anchor">到此结束!</a>

以下是此锚在您的网页上的显示结果。

继续,然后单击链接:

第一部分

sample

text

sample

text

sample

text

sample

text

sample

text

sample

text

sample

text

sample

text

sample

text

sample

text

sample

text

sample

text

sample

text

sample

text

到此结束!

使锚返回到网页的顶部也是很有用的,这样如果访问者想返回到顶部,只需单击它即可。只需使用一个不同的锚名称,然后将它放置在网页的顶部!单击下面的链接返回到该网页的顶部:

返回顶部

标签页中的网页图标是固定10个,无法添加更多的,但可以将其中不需要的改换成想要的网页, *** 作如下: 1、打开一个新标签页,鼠标指向一个不需要的网页图标,会出现更换,点击它; 2、点击手动输入-填写网址名称与网址,点击保存生效。

标签页中的网页图标是固定10个,无法添加更多的,但可以将其中不需要的改换成想要的网页, *** 作如下: 1、打开一个新标签页,鼠标指向一个不需要的网页图标,会出现更换,点击它; 2、点击手动输入-填写网址名称与网址,点击保存生效。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11734900.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-18
下一篇2023-05-18

发表评论

登录后才能评论

评论列表(0条)

    保存