定义和用法
<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">
这样就会再开一个网页不会重叠。
这样一个简单的跳转网页不就手到擒来了吗。
最后本人能力有限如有错误敬请指出。