HTML网页制作：[13]浮动框架iframe

 时间：2024-10-14 14:02:34

1、浮动框架式一种比较特别的框架，和frame比较类似。不过frame必须在frameset中才可以，而iframe不一样，首先， 他是一种内联框架，其次，他可以放在网页中的任何位置。所以，iframe可以直接放置在<body></body>中或者其他标签之中。

2、OK，来看下iframe的语法。<iframe src=&孥恶膈茯quot;源页面"></frame>简单考稗挠黥吧。当然，还有其他的一些属性：1）width:框架的宽度2）height:框架的高度3）align:框架的对齐方式，左对齐left，右对齐right，居中middle，底部对齐botton.4)scrolling：滚动条显示属性

3、上例子：框架<br/><iframe src="2.html"></iframe>我是框架<br/>

HTML网页制作：[13]浮动框架iframe

4、看网页效果图在body中，插入了一个浮动框架，浮动框架插入的就是2.html网页

HTML网页制作：[13]浮动框架iframe

5、OK，我们来改变下浮动框架的高度和宽度框架<br/>争犸禀淫<iframe src="2.html" width="200" height="500"></iframe>我是框架<br/>

HTML网页制作：[13]浮动框架iframe

6、看网页效果，他的高度和宽度都被我改变了。

HTML网页制作：[13]浮动框架iframe

7、再来试着改变他的对齐方式。框架<br/><iframe src="挢旗扦渌;2.html" width="200" height="500" align="right"></iframe>我是框架<br/>

HTML网页制作：[13]浮动框架iframe

8、网页效果如下，其已经变成了右对齐了

HTML网页制作：[13]浮动框架iframe

9、当然，还有其他更多的属性，这里只介绍了一些简单的。嗯，后面我会写上如何给iframe和frame添加链接的目录架构。就是点击目录，然后在一个框架中显示不同的内容。请关注我后续关于网页的经验吧。我会写的越来越高端的。

HTML网页制作：[13]浮动框架iframe
  • 如何在HTML中插入图片
  • HTML中引入css和js的方法
  • html怎么设置文字居中对齐
  • 怎样在html网页中插入视频
  • 用css怎样使div相对整个页面居中
    • 热门搜索
    手抄报黑白版面设计 屋顶上的小孩手抄报 交通手抄报的内容 建党95周年手抄报 好看的手抄报花边 卫生手抄报内容 语文天地手抄报内容 关于传统文化的手抄报 我爱我校手抄报 学会感恩手抄报内容