龙空技术网

HTML基础教程:框架实例大合集

天华信息教育 247

前言:

今天看官们对“htmlframe跳转”大概比较注重,兄弟们都需要剖析一些“htmlframe跳转”的相关文章。那么小编也在网络上收集了一些有关“htmlframe跳转””的相关资讯,希望咱们能喜欢,看官们一起来了解一下吧!

如何使用 <noframes> 标签

本例演示:如何使用 <noframes> 标签。

<html><frameset cols="25%,25%,25%"> <frame src="/example/html/frame_a.html"> <frame src="/example/html/frame_b.html"> <frame src="/example/html/frame_c.html"><noframes><body>您的浏览器无法处理框架!</body></noframes></frameset></html>

HTML基础教程:框架实例大合集

混合框架结构

本例演示如何制作含有三份文档的框架结构,同时将他们混合置于行和列之中。

<html><frameset rows="50%,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基础教程:框架实例大合集

含有 noresize="noresize" 属性的框架结构

本例演示 noresize 属性。在本例中,框架是不可调整尺寸的。在框架间的边框上拖动鼠标,你会发现边框是无法移动的。

<html><frameset cols="50%,*,25%"> <frame src="/example/html/frame_a.html" noresize="noresize" /> <frame src="/example/html/frame_b.html" /> <frame src="/example/html/frame_c.html" /></frameset></html>

HTML基础教程:框架实例大合集

导航框架

本例演示如何制作导航框架。导航框架包含一个将第二个框架作为目标的链接列表。名为 "contents.htm" 的文件包含三个链接。

<html><frameset cols="120,*"> <frame src="/example/html/html_contents.html" > <frame src="/example/html/frame_a.html" name="showframe"></frameset></html>

HTML基础教程:框架实例大合集

HTML基础教程:框架实例大合集

HTML基础教程:框架实例大合集

内联框架

本例演示如何创建内联框架(HTML 页中的框架)。

<html><body><iframe wigth="200" height="100" src="/i/eg_landscape.jpg"></iframe><p>一些老的浏览器不支持 iframe。</p><p>如果得不到支持,iframe 是不可见的。</p></body></html>

HTML基础教程:框架实例大合集

跳转至框架内的一个指定的节

本例演示两个框架。其中的一个框架设置了指向另一个文件内指定的节的链接。这个"link.htm"文件内指定的节使用 <a name="C9"> 进行标识。

<html><frameset cols="20%,80%"> <frame src="/example/html/frame_a.html"> <frame src="/example/html/link.html#C9"></frameset></html>

HTML基础教程:框架实例大合集

使用框架导航跳转至指定的节

本例演示两个框架。左侧的导航框架包含了一个链接列表,这些链接将第二个框架作为目标。第二个框架显示被链接的文档。导航框架其中的链接指向目标文件中指定的节。

<html><frameset cols="200,*"><frame src="/example/html/content.html"><frame src="/example/html/link.html" name="showframe"></frameset></html>

HTML基础教程:框架实例大合集

HTML基础教程:框架实例大合集

希望以上可以解决你们心中的一些疑惑,其中可能会有不对的地方或是需要改进的地方,欢迎留言纠正。感觉还不错欢迎关注收藏转载哦

标签: #htmlframe跳转