网站首页 > 技术文章正文

9.HTML链接标签（html 链接标签）

nanyue 2024-09-12 16:02:26 技术文章 11 ℃

1.语法

在HTML中创建超链接非常简单，只需用标签环绕需要被链接的对象即可，其基本语法格式如下：

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

href属性：链接的地址，链接的地址可以是一个网页，也可以是一个视频、图片、音乐等等。

target属性：

_blank：在一个新的窗口中打开链接
_self(默认值)：在当前窗口中打开链接
_parent：在父窗口中打开页面（框架中使用较多）
_top：在顶层窗口中打开文件（框架中使用较多）

2.外部链接

可以打开别人的网页：

<a href="https://www.baidu.com">在当前窗口打开百度</a><a href="https://www.baidu.com" target="_self">在当前窗口打开百度</a><a href="https://www.baidu.com" target="_blank">在新的窗口打开百度</a>

3.内部链接

直接链接内部页面名称即可：

<a href="1.外部链接.html">打开内部链接</a>

4.空链接

如果当时没有确定链接目标时，通常将链接标签的href属性值定义为“#”(即href="#")，表示该链接暂时为一个空链接：

<a href="#">空链接</a>

5.锚点链接

通过创建锚点链接，用户能够快速定位到目标内容。创建锚点链接分为两步：

<h1 id="top">顶部</h1>...<a href="#top">回到顶部</a>

跳转到其他页面：

<a href="5.锚点链接2.html#top">回到另一个页面顶部</a>

5.锚点链接2.html

<h1 id="top">顶部</h1>

6.base 标签

base 可以设置整体链接的打开状态

base 写到 head 之间

<head>  <meta charset="utf-8">  <title>文档标题</title>  <base target="_blank"></head><body>  <a href="http://www.baidu.com">在新窗口打开百度</a>  <a href="http://www.baidu.com" target="_self">在当前窗口打开百度</a></body>

7.设置链接的颜色

link连接的颜色
alink正在点击的颜色
vlink已经访问的连接颜色

<body link="red" alink="yellow" vlink="green">  <a href="https://taobao.com">淘宝</a>  <a href="https://jingdong.com">京东</a></body>

上一篇： HTML前端常用标签(复习)（前端标签库）
下一篇：认识超链接（超链接的五种表现形式）

网站首页 > 技术文章 正文