html-06 iframe行内框架

游鹄君小于 1 分钟

iframe行内框架

提示

该代码示例需要一个表单页面 form.html,可以根据上一篇配合

<!DOCTYPE html>
<html>
  <head>
     <title>iframe行内框架</title>
     <meta charset="utf-8" />
  </head>
  <body>
     <h1>iframe行内框架</h1>
     <!--
       iframe行内框架
          属性名：       属性值：
          src            引入某个文件
          width          调整框架的宽度
          height         调整框架的高度
          frameborder      调整框架的边框
          name        给框架一个名称
     -->
     <a href="http://www.baidu.com" target="window">百度</a>
     <a href="http://www.jd.com" target="window">京东</a>
     <a href="http://www.taobao.com" target="window">淘宝</a>
     <a href="http://www.sina.com.cn" target="window">新浪</a>
     <iframe src="form.html" width="600" height="500" name="window"></iframe>
  </body>
</html>

画中画

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>iframe</title>
  <style type="text/css">  
  #one
  {
     width:300px;
     height:200px;
  }
  </style>
</head>
<body>
  <a href="left.html" target="one">菜单一</a>
  <br/>
  <a href="left2.html" target="one">菜单二</a>
  <br/>
  <br/>
  <iframe name="one" id="one" frameborder="1" border="3" scrolling="auto" scr="http://www.baidu.com/"></iframe>
  
</body>
</html>