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

作者:彼岸花开 | 创建时间: 2023-07-26
这篇是和我的HTML网页制作系列的前两篇挂钩的。好吧,如果你还不知道什么是框架,请看我的第12,13篇《HTML网页制作》。...
HTML网页制作:[14]创建框架链接

一.frameset的连接方法

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

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

再看2.html的代码 <ul><li><a href="3.html" target="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的框架中

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

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

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

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

二.iframe的连接方法

这个和上面基本相同。我也不想多说什么了。 <iframe name="heihei" src="3.html"></iframe> 语法就是这样! 在另外一个地方,用target链接这个名字,就可以了!

OK,就是那么简单,当然,网页做的很粗糙,代码也未必符合规范,但是起到一个抱砖引玉的作用,先入门,然后再优化!

点击展开全文

更多推荐