前端笔记_超链接标签
使用方法
<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>< a href="#1">跳跃至1</a> #跳转至id为1的标题1处
效果演示:
返回顶部
前端笔记_超链接标签
https://xsunhua.cn/213.html



共有 0 条评论