html基础 链接

时间:2023-03-09 17:25:48
html基础 链接

使用图像来作链接:

(链接标签中嵌套图片标签)

<html>

<body>
<p>
您也可以使用图像来作链接:
<a href="/example/html/lastpage.html">
<img border="0" src="/i/eg_buttonnext.gif" />
</a>
</p>

</body>
</html>

运行效果:

html基础 链接html基础 链接

点击“下一页”箭头之后出现后面图片所示内容。

在新的浏览器窗口打开链接:


<html>
<body>
<a href="http://www.baidu.com" target="_blank">visit baidu</ a>
<body>
<html>


运行结果:

html基础 链接

html基础 链接

链接到同一个页面的不同位置:


<html>


<body>


<p>
<a href="#C4">查看第四个字母</a>
</p>


<h2>第一个字母</h2>
<p>this is s</p>
<h2>第二个字母</h2>
<p>this is o</p>
<h2>第三个字母</h2>
<p>this is w</p>
<h2><a name="C4">第四个字母</a></h2>
<p>This is h</p>
<h2>第五个字母</h2>
<p>this is y</p>
<pre>




















</body>


</html>


运行结果:

html基础 链接

点击链接,跳转到以下页面。

html基础 链接

跳出框架:

<html>
<body>
<p>
<a href="http://www.baidu.com" target="_top">点击跳出框架</a>
</p>
</body>
</html>

运行结果:

html基础 链接

点击后在新的页面上打开下图页面

html基础 链接