码迷,mamicode.com
首页 > Web开发 > 详细

html基础 链接

时间:2016-06-04 22:13:37      阅读:228      评论:0      收藏:0      [点我收藏+]

标签:

使用图像来作链接:

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

<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基础 链接

标签:

原文地址:http://www.cnblogs.com/swpu13020401/p/5559553.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!