如何做html框架?

如何做html框架?,第1张

首先注意一点,在<frameset></frameset>所在的文件中不需要写<body>体,否则会不显示网页的分页。

做一个有顶,有左侧网页,有右侧网页的框架集网页应该怎么做?

先把各个小的分散页面做好

all2.html

top.html

left.html

right1.html

right2.html

来看每个文件的具体代码:

all2.html

<!--这里开始是整体框架结构,为上下结构-->

<frameset rows="20%,*"

frameborder=0>

<frame src="top.html" noresize scrolling=no

/>

<!--这里开始是另外一个框架集结构为左右结构-->

<frameset cols="20%,*">

<frame src="left.html" noresize

/>

<!--frame元素中有一个name属性,相当于给frame取名,以方便识别位置-->

<frame src="right1.html" name="right"

/>

</frameset>

</frameset>

top.html

这里是顶部内容

left.html

<a href="right1.html"

target="right">青花瓷1</a><br

/>

<a

href="right2.html"

target="right">青花瓷2</a><br

/>

right1.html

这里是right1.html的内容

right2.html

这里是right2.html的内容

第一种方法

<iframe name="frame1" id="frame1" width="600" height="300" src="http://zhidao.baidu.com">

</iframe>

第二种方法:

<style>

#frame1{width:500pxheight:200px}

</style>

<iframe name="frame1" id="frame1"></iframe>

<iframe src="t2.htm" width="510" frameborder="0" scrolling="no" height="150" valign="middle"></iframe>

src是页面路径

width是宽度

height是高度

frameborder是边框

scrolling是否滚动


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7681219.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-08
下一篇 2023-04-08

发表评论

登录后才能评论

评论列表(0条)

保存