前端笔记_超链接标签

这篇文章学习超链接标签

使用方法

<a> </a>  #超链接标签

标签属性

超链接标签属性
属性 作用
href 定义超链接地址URL
target 定义超链接打开方式:
默认是_self当前页打开
_blank新页面打开

超链接使用分类

1.外部链接
2.内部链接
3.空链接
4.下载链接
5.嵌套链接
6.锚点链接
(点击分类项目可跳跃至相对位置)

使用方法

外部链接

< a href="https://baidu.com/">百度</a> #设置文本"百度"链接至baidu.com

效果演示:
百度

内部链接

< a href="211.html">文件路径文章</a> #设置文本"百度"链接至内部html

效果演示:
文件路径文章

空链接

< a href="#">空链接</a> #设置href值为#就形成空超链接

效果演示:
空链接

下载链接

< a href="https://xsunhua.cn/img.zip">下载链接</a> #将href的值设置为一个文件或者压缩包的链接是为下载链接

效果演示:
下载链接

嵌套链接

< a href="https://baidu.com/"> <img src "https://xsunhua.cn/img.png/" /> </a> #设置图像元素"img.png"链接至baidu.com

效果演示:

锚点链接

< h2 id="1">标题1</h2>&lt a href="#1">跳跃至1</a> #跳转至id为1的标题1处

效果演示:
返回顶部

怡然一记
前端笔记_超链接标签
https://xsunhua.cn/213.html
THE END
分享
二维码
打赏
海报
前端笔记_超链接标签
这篇文章学习超链接标签 使用方法 <a> </a> #超链接标签 标签属性 超链接标签属性 属性 作用 href 定义超链接地址URL target 定义超链接……
<<上一篇
下一篇>>
文章目录
关闭
目 录