HTML链接

几乎在所有的网页都能看到链接的的影子,因为它非常方便,可以实现与另一个页面或资源相连接

HTML超链接

HTML超链接由<a>标签来定义,可以是一段文字一个按钮一张图像等,点击这些内容就会跳转至新的页面或者本页面的其它部分,当鼠标移动在超链接内容上时会变成一只小手,<a>标签中href属性定义链接的地址

文本超链接

文本超链接可以使用于导航啊友情链接等网页应用

<!--文本超链接示例-->
<a href="https://www.honglog.com">小洪博客</a>

上面这行代码显示为:小洪博客

链接target属性

target属性定义链接的打开方式

<!--tarset属性示例-->
<a target="_blank" href="https://www.honglog.com/wzdj">网站搭建</a>
<!--此超链接为新标签页打开方式-->

上述代码显示为:网站搭建

属性值描述
_blank在新窗口中打开被链接文档
_self默认值,在相同的框架中打开被链接文档
_parent在父框架集中打开被链接文档
_top在整个窗口中打开被链接文档

图像超链接

以图像作为跳转链接的内容,其实很简单,就是用<img>标签和<a>标签组合使用

<!--图像超链接示例-->
<a href="https://www.honglog.com/wp" target="_blank"><img src="https://ooo.honglog.com/wp-content/uploads/2021/07/1.jpg"></a>
下面是上方图像超链接代码的实例,点击即跳转至本站的wordpress文章分类

HTML锚链接

锚链接一般用于连接同页面不同位置的内容,比如平时网站看到的返回顶部按钮就是锚链接

锚链接以"id"或"name"属性命名,可在网页某位置创建一个标记,标记不会以任何方式显示在页面中,对于读者来说是隐藏的

设置标记
<!--锚链接标记-->
<a name=biaoji"></a>
跳转标记
<!--跳转至锚链接-->
<a href="#biaoji">跳转文字</a>

锚链接实例:点我跳转至文章头部

版权声明:
作者:HONG
链接:https://www.honglog.com/196.html
来源:小洪博客
本站遵循cc共享许可协议:BY-NC-SA 4.0 转载请注明出处
THE END
分享
二维码
打赏
< <上一篇
下一篇>>
文章目录
关闭
目 录