HTML — 链接

一. 概述

        HTML 使用超链接与网络上的另一个文档相连,可以实现点击即查看另一个文档的内容。HTML 中的链接允许用户在浏览网页时单击文本或图片来跳转到其他位置。

二. HTML 链接 —— 使用标签

        HTML 中使用  标签来设置网页中的超链接。在需要的位置给设置 标签,将内容包含在标签中,同时设置 href 属性,设置点击超链接后跳转的地址。

超链接书写事例

        在网页中,当鼠标移动到超链接上时,箭头会变成小手。而 的展现形式如下:

  • 未访问过的 字体为蓝色,带有下划线;
  • 访问过的 字体为紫色,带有下划线;
  • 点击 时,字体为红色,带有下划线。

超链接可根据情况自定义样式,具体现实情况以真实代码为主。

三. HTML 链接 — 语法

        创建超链接主要使用的 HTML 元素是 标签元素(又称锚元素)。

        标签的属性如下所示:

  • href:指定链接目标的URL,这是链接的最重要属性。可以是另一个网页的URL、文件的URL或其他资源的URL。
  • target(可选):指定链接如何在浏览器中打开。常见的值包括 _blank(在新标签或窗口中打开链接)和 _self(在当前标签或窗口中打开链接)。
  • title(可选):提供链接的额外信息,通常在鼠标悬停在链接上时显示为 title 提示。
  • rel(可选):指定与链接目标的关系,如 nofollow、noopener 等。
  • id 属性:用于创建一个 HTML 文档书签。
1.文本链接

  文本示例


2.图片链接


  示例图片


3.锚点
跳转到第二部分



4.下载
下载文档

        其中 标签的锚点指的是可以在同一页面内创建内部链接,这称为锚点链接。要创建锚点链接,需要在目标位置使用 元素定义一个标记,并使用#符号引用该标记。

        而如果想将链接用于下载文件而不是导航到另一个网页,可以使用 download 属性。

你可能感兴趣的:(HTML使用,html,前端)