HTML网页制作:[14]创建框架链接

2025-03-15 13:57:50

1、首先看下小编的目录架构1.html将作为主页面2.html将作为目录页面,里面有2个目录,分别是目录一和目录二3.html为目录一将要链接的页面4.html为目录二将要链接的页面

HTML网页制作:[14]创建框架链接

2、然后,看下1.html的代码<frameset cols="30%,70%" frameborder="yes" framespacing="1"><frame src="2.html" name="left"><frame src="3.html" name="right">其中,name的意思是,指定frame的名字,他有什么用呢,看后面

HTML网页制作:[14]创建框架链接

3、再看2.html的代码<ul><li><a href="3.html" target=&鳎溻趄酃quot;right">目录一</a></li><li><a href="4.html" target="right">目录二</a></li></ul>我创建了一个列表,然后目录一链接3.html,目录二链接4.html。注意,有一个target的属性,他的值就是上面frame的名字。意思是,点击目录一,将链接到3.html,然后将3.html显示在frame的名字为right的框架中

HTML网页制作:[14]创建框架链接

4、再来看下3.html的代码。没什么可说的,显示几个字而已

HTML网页制作:[14]创建框架链接

5、再来看4.html的代码,也没什么可说的

HTML网页制作:[14]创建框架链接

6、OK,来看1.html的网页效果点击目录一,右侧将显示3.html的内容

HTML网页制作:[14]创建框架链接

7、点击目录二,右侧将显示4.html的内容

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