web前端开发与应用——超链接

（1）超链接的概念

超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件编辑器，一个音频或视频文件，甚至是一个应用程序。 设置一个超链接，至少需要两个基本要素：

• 链源：引起跳转的原因
• 链宿：要跳转的目标

热字超链接及其设置

热字超链接，链源由对应的文本构成，外部超链接的链宿为目标文件的路径，例如链宿的绝对路径为https://https://www.baidu的话，可用下面的代码实现： <a href="https://www.baidu">点一下试试</a>

其中，属性href用于设置链宿的路径，超链接开始标签<a>和结束标签</a>之间的内容是链宿。 运行效果如下： 点一下试试

（2）超链接的属性

超链接标签的属性除了href外，常用的还有：

• title：设置鼠标悬停在链源上时的提示文字
• target：指定打开目标窗口的方式

target属性的取值及含义如下图所示：

图像超链接及其设置

图像超链接采用图像作为超链接的链源，该链源可使用img标签来嵌入图像，该标签常用的属性有：src、alt、border、title、width、height等。

用法示例;

1. <a href="http://www.baidu" target="_blank" title="单击图像实现超链接">
2. <img src="https://www.educoder/api/attachments/1184937" />
3. </a>

 （3）页内超链接

从当前HTML文档的某一位置跳到另一位置的链接称为页内链接。

页内链接的设置

页内链接的设置有两个步骤： 1.在目标位置处设置锚点，若锚点名称为“name1",代码如下： <a name="name1"></a> 2.设置指向锚点位置的超链接，若链源热字为”跳转至name1",代码如下： <a href="#name1">跳转至name1</a>