建立简单链接<a>标签

定义和用法

<a> 标签定义超链接,用于从一张页面链接到另一张页面。

<a> 元素最重要的属性是 href 属性,它指示链接的目标。

本例演示如何在 HTML 文档中创建链接。

<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
<p>
	<a href="https://www.bilibili.com/">哔哩哔哩</a>
</p>
</body>
</html>

效果图如下:

 加入<img>可以加入图片作为跳转按钮

<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
<p>
	<a href="https://www.bilibili.com/">
<img border="0" src="你所想安插的图片位置">
</a>
</p>
</body>
</html>

这样就可以将上面的哔哩哔哩字样换成自己想要的图片了。

我们看小说常见的章节跳转也可以用<a>标签来制作

<a href="#1">第一章</a>  
   <a href="#2">第二章</a> 
   <a href="#3">第三章</a>  
   <a href="#4">第四章</a><br>
   <h1><a name="1">第一章</a> </h1>
     <p>太好了我要给他点赞</p>
   <h1><a name="2">第二章</a> </h1>
     <p>太棒了我要给他关注</p>
   <h1><a name="3">第三章</a> </h1>
     <p>太酷了我要收藏</p>
   <h1><a name="4">第四章</a> </h1>
     <p>我还要推荐他</p>

效果如下:

注意下面name没有接#号但href后面要接。

由于内容太少跳转效果不是特别好,所以推荐大家去网上摘抄一些文字来练习。

我们还可以使用<target>元素在新窗口打开一个页面,这样的话访问者就无需离开你的站点了。

<a href="https://www.bilibili.com/" target="blank">

 这样就会再开一个网页不会重叠。

这样一个简单的跳转网页不就手到擒来了吗。

最后本人能力有限如有错误敬请指出。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值