这一节课程学习了iframe内联框架。
它可以在当前页面打开一个窗口或者打开一个网站。
一般结构：<iframe src=""><iframe>
属性：
width 宽；height 高
边框：frameborder=""
滚动条：scrolling="no,yes,auto"
看上去是文档的一部分：seamless
src="" 链接地址，文件地址路径
srcdoc=“”直接写代码
名称（重点）：name=“” ------> <a href="" target="name值"></a>
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>后台管理系统</title> </head> <body> <table border="0" cellspacing="0" ceepadding="5" align="center" width="960"> <!-- 顶部 --> <tr> <td colspan="2"> <iframe src="inc/top.html" frameborder="0" name="top" height="70" width="100%" scrolling="no"></iframe> </td> </tr> <!-- 分割线 --> <tr><td colspan="2" width="100%"><hr></td></tr> <!-- 主体 --> <tr> <!-- 左侧菜单 --> <td> <iframe src="inc/left.html" name="left" height="600" width="140" scrolling="no" align="center" frameborder="0"></iframe> </td> <!-- 右侧内容区 --> <td> <iframe src="inc/default.html" name="right" height="600" width="800" scrolling="no" align="center" frameborder="0"></iframe> </td> </tr> <!-- 分割线 --> <tr><td colspan="2" width="100%"><hr></td></tr> <tr> <td colspan="2"> <iframe src="inc/footer.html" frameborder="0" name="footer" height="70" width="100%" scrolling="no"></iframe> </td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
