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基础 链接的主要内容,如果未能解决你的问题,请参考以下文章

HTML代码片段

Codeigniter 助手重复 HTML 代码片段

十个html5代码片段,超实用,一定要收藏

微信小程序代码片段

JSP基础

几条jQuery代码片段助力Web开发效率提升