HTML 框架标记(1)——iframe(内嵌框架)

来源:互联网 发布:数据分析师工资怎么样 编辑:程序博客网 时间:2024/06/13 16:10
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>    <title></title></head><body><h2>个人主页</h2><a href="myfirstpage.htm" target="f">主页</a><a href="imagepage.htm" target="f">相册</a><a href="Listpage.htm" target="f">日志</a><a href="table.htm" target="f">说说</a><iframe name="f" width="100%" height="100%" frameborder="1" scrolling="auto" src="myfirstpage.htm"></iframe><hr/></body></html>


点击链接,对应的页面加载在name为f的iframe框架页中

比如这里我写了四个链接:主页、相册、日志、说说

1.点击主页时,效果如下
2.点击相册时,效果如下

。。。略,另外两个链接就不一一演示了

总结:就是先创建一个iframe框架标记,如果哪个a标签要在这个框架页中显示,就把该a标签的target属性的值设为=之前创建的iframe标记的name值

0 0