框架对于设计网页的格局很重要，并且能够在一个框架中的某个 部分重新载入，而不需要整个网页一起载入。
常见应用：导航栏。
最简单的框架就是一个浏览器分为2个框，
| <head> </head> <frameset rows = "" cols = ""><!-- 行和列设置，还可以设置border，边框--> <frame src = ""/><!-- 一个框架--> <frame src = ""/> </frameset> <noframes><!-- 当浏览器不支持框架时使用noframes--> <body>...</body> </noframes> |
<frameset>元素：创建了一个框架，代替<body>元素。
如果有frameset，则就不需要body元素了。
<frameset>的属性：
(1)border：边框.
(2)frameborder：三维边框。
(3)rows:例如"30%,70%"可以创建一个第一行占30%的屏幕，第二行占70%的屏幕的框架。
(4)cols:
<frame>属性：
(1)frameborder：此框的边框。
(2)scrolling：这个框是否有滚动条，yes no auto
(3)src：页面来源。
(4)name：框架的名称，加载或定位时使用。
<html> <head><title>Books Previewer</title></head> <frameset cols = "90%,10%"> <frameset rows = "20%,60%,20%"> <frame src = "nav.html"/> <frame src = "main.html" name = "main"/> <frame src = "foot.html"/> </frameset> </frameset> <noframes> <body> NO FRAME!!! </body> </noframes> </html>
<iframe>浮动框架：
<iframe src= "">Error</iframe>
<iframe>和</iframe>之间的词是如果浏览器不支持<iframe>元素时的消息。
iframe属性：
(1)name:用于定位，target=""
(2)height：浮动框架最好设置高和宽
(3)width：浮动框架最好设置高和宽
(4)src：设置框架的源
(5)scrolling:是否有滚动条
<html> <head><title>Fruit</title></head> <body> <iframe name = "iframe" scrolling = "no" width = "200" height = "200" >Error</iframe><br /> <a href = "images/orange.jpg" target = "iframe">orange</a><br /> <a href = "images/apple.jpg" target = "iframe">apple</a><br /> <a href = "images/banana.jpg" target = "iframe">banana</a><br /> </body> </html>
1237
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
