超链接标签学习
超链接标签学习
示例很丑，但核心知识点都在
- 将图片换成自己本地的
- a标签用法注意
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hyperlinks Study</title>
</head>
<body>
<!--a标签 id设置标签，例如这里设置为top，为定位锚，后续回到顶部的设置可以直接定位到这里-->
<a id="top"></a>
<h1>Hyperlinks Study</h1>
<h2>some resources</h2>
<!--
a 标签
href 超链接引用地址
target 超链接打开方式
_blank 在新标签页中打开
_self 在当前网页中打开
_parent 在当前网页中打开
_top 在框架网站中的跳转，顶层跳转
-->
<a href="myfirstweb.html" target="_blank">我的第一个网站新标签页打开</a>
<a href="myfirstweb.html" target="_parent">我的第一个网站当前网页中打开</a>
<a href="myfirstweb.html" target="_self">我的第一个网站在当前网页中打开</a>
<a href="myfirstweb.html" target="_top">我的第一个网站针对框架网站中的跳转</a>
<p>
<a href="https://www.baidu.com" target="_blank" title="百度一下">
<img src="../resources/image/23130291.jpg"
alr="scenery">
</a>
</p>
<p>
<a href="https://www.baidu.com" target="_blank" title="百度一下">
<img src="../resources/image/23130291.jpg"
alr="scenery">
</a>
</p>
<p>
<a href="https://www.baidu.com" target="_blank" title="百度一下">
<img src="../resources/image/23130291.jpg"
alr="scenery">
</a>
</p>
<p>
<a href="https://www.baidu.com" target="_blank" title="百度一下">
<img src="../resources/image/23130291.jpg"
alr="scenery">
</a>
</p>
<p>
<a href="https://www.baidu.com" target="_blank" title="百度一下">
<img src="../resources/image/23130291.jpg"
alr="scenery">
</a>
</p>
<p>
<a href="https://www.baidu.com" target="_blank" title="百度一下">
<img src="../resources/image/23130291.jpg"
alr="scenery">
</a>
</p>
<p>
<a href="https://www.baidu.com" target="_blank" title="百度一下">
<img src="../resources/image/23130291.jpg"
alr="scenery">
</a>
</p>
<p>
<a href="https://www.baidu.com" target="_blank" title="百度一下">
<img src="../resources/image/23130291.jpg"
alr="scenery">
</a>
</p>
<a id="down"></a>
<!--锚定位-->
<a href="超链接学习.html#top" title="回到顶部">回到顶部</a>
</body>
</html>
