简单搭建网站
从零开始学习

html超链接

超链接是网站不能缺的东西,被用于很多的领域,样式也是非常多,超链接也分很多种,用法多种多样,功能也是非常的强大。超链接其实就是把链接包装起来,包装的样式很多,文字的也行,图片的也行,非常的方便,超链接可以很直观的让用户连接资源,就比如你打开一个网站,你点击一个图片或者文字就跳到了其它的页面,这就是超链接,超链接也有很多类型

还不懂html是什么的可以看看下面文章了解基础

基础超链接

  • <a> 所有超链接都是需要这个,然后再在它的基础下添加类容
  • href 在它的后面填写要连接的资源地址
  • taget 打开方式,你可以设定这个链接用哪种方式来打开它
taget属性作用描述
_blank新窗口打开
_self当前窗口打开,是默认打开方式
_parent在父框架打开
_top整个窗口打开
_framename指定框架打开
<a href="https://www.liangmouren.com">显示的文本或其它</a>

基础超链接示例

提示:你可以先修改部分代码再运行。

锚链接

锚链接一般用于本页面的跳转,你在网站上看到的回到顶部这些按钮就是用锚链接做的,锚链接需要设置一个标记,看过火影忍者的就知道,就像波风水门飞雷神一样,只要是标记好的飞镖就可以马上穿梭到标记的地点,锚链接可以标记和触发都是<a>标签完成,name属性值为标记,设置一个基础超链接链接调成#(你设置的记号)就完成了,锚链接除了本页面也可以连接其它不是本站的页面

#标记代码#
<a name="a"></a>
#触发标记文本#
<a href="#a">跳转到a标记</a>
#非本站标记#(例如站是www.liangmouren.com)
<a name="b"></a>(www.liangmouren.com设置)
<a href="https://www.liangmouren.com#b">跳转到其它站标记处</a>(自己的站设置)

锚链接示例

提示:你可以先修改部分代码再运行。

邮箱超链接

这个就是让用户来通过邮箱来联系你,前提就是必须要发邮箱的程序点击这个超链接才会有用,否则没有效果,建议大家使用qq来联系,就是在href后面加一个mailto然后冒号你的邮箱就ok了

#邮箱超链接#
<a href="mailto:2801351703@qq.com">通过邮箱联系我</a>

邮箱超链接示例

提示:你可以先修改部分代码再运行。

图像超链接

图像超链接用得很广泛,以为很难,但是其实它非常简单,我说过所有的超链接都是由<a>标签触发,前面<a>与</a>中间我们写的是文字,图像超链接就是把<img>标签插入到<a>与</a>当中就可以实现图片超链接的功能,图像超链接还有另一个使用方法,就是点击图片的对应位置会跳转不同的地方,那就是html图像映射

<a href="https://www.liangmouren.com"><img src="xxx.com/image.jpg" title="点我进入零源博客"</a>

图片超链接示例

提示:你可以先修改部分代码再运行。

超链接在网页中是不可缺少的,学会使用超链接你就能更好的管理你网站的资源,总之超链接不管哪种类型都是<a>来定义,都是大同小异,大家多多实践就会很快掌握

赞(1) 打赏梁某人
未经允许不得转载:每篇文章都是博主的心血,偷盗文章事最可耻的事情梁某人的个人网站 » html超链接

发表评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

梁某人的个人网站

免费云存储免费云存储

靓仔!打赏一元试试看啊

支付宝扫一扫打赏

微信扫一扫打赏