html基础 链接
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html基础 链接相关的知识,希望对你有一定的参考价值。
使用图像来作链接:
(链接标签中嵌套图片标签)
<html> <body> <p> 您也可以使用图像来作链接: <a href="/example/html/lastpage.html"> <img border="0" src="/i/eg_buttonnext.gif" /> </a> </p> </body> </html>
运行效果:
点击“下一页”箭头之后出现后面图片所示内容。
在新的浏览器窗口打开链接:
<html> <body> <a href="http://www.baidu.com" target="_blank">visit baidu</ a> <body> <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> <body> <p> <a href="http://www.baidu.com" target="_top">点击跳出框架</a> </p> </body> </html>
运行结果:
点击后在新的页面上打开下图页面
以上是关于html基础 链接的主要内容,如果未能解决你的问题,请参考以下文章