如何使用HTML 链接效果

2025-10-26 00:58:46

1、新窗口打开一个链接。有了这个target="_blank"之后,我们的链接就可以在新的窗口打开了。

<html>

<body>

<a href="*" target="_blank">Visitool!</a>

如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。

</body>

</html>

如何使用HTML 链接效果

2、文章内链接的跳转。这样的链接只要点击一下就可以在文章内进行各种的跳转。

点击一下链接就可以跳转到 Chapter 4了。

<html>

<body>

<a href="#C4">查看 Chapter 4。</a>

<h2>Chapter 1</h2>

This chapter explains ba bla bla

<h2>Chapter 2</h2>

This chapter explains ba bla bla

<h2>Chapter 3</h2>

This chapter explains ba bla bla

<h2><a name="C4">Chapter 4</a></h2>

This chapter explains ba bla bla

<h2>Chapter 5</h2>

This chapter explains ba bla bla

</body>

</html>

如何使用HTML 链接效果

3、在网页当中设置一个跳转到邮件的链接。只要点击 一下就可以让自己直达链接的邮件。

<html>

<body>

这是邮件链接:

<a href="mailto:*">发送邮件</a>

</body>

</html>

如何使用HTML 链接效果

4、在网页当中设置一个复杂的垂直框架效果。我们只要改变这个frameset cols的比例就可以看见,整个框架的面积是固定的,一个框架变了,其它的框架就会跟着改变。

<html>

<frameset cols="25%,50%,5%">

  <frame src="/example/html/frame_a.html">

  <frame src="/example/html/frame_b.html">

  <frame src="/example/html/frame_c.html">

</frameset>

</html>

如何使用HTML 链接效果

5、一个水平框架效果。frameset rows就是这个水平框架效果。

<html>

<frameset rows="25%,50%,25%">

  <frame src="/example/html/frame_a.html">

  <frame src="/example/html/frame_b.html">

  <frame src="/example/html/frame_c.html">

</frameset>

</html>

如何使用HTML 链接效果

6、我们使用一种水平与垂直框架相混合的效果。

<html>

<frameset rows="20%,50%">

<frame src="/example/html/frame_a.html">

<frameset cols="25%,75%">

<frame src="/example/html/frame_b.html">

<frame src="/example/html/frame_c.html">

</frameset>

</frameset>

</html>

如何使用HTML 链接效果

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢