学习HTML<三>

本文介绍了HTML中的框架技术,包括如何使用frameset标签分割浏览器窗口,通过rows和cols属性设置框架布局,以及frame标签的应用。同时,讨论了内联框架iframe的灵活性,其属性如width、height、name、src等的使用方法,以及如何控制滚动条和边距。此外,还提及了noresize、frameborder和scrolling属性在调整框架界面和边框显示中的作用。
摘要由CSDN通过智能技术生成

框架

FrameSet框架

  1. 框架(FramSet)用于将一个浏览器窗口分割成几个子窗口,每个窗口显示一个网页文件,并在子窗口之间实现导航。框架的建立利用<frameset>(成对出现)标签和<frame>(自封闭标签)标签。

  2. 框架集的属性

    • 能使用rows属性拆分框架集

    • 能使用cols属性拆分框架集

    • 先切行,后切列

    • 在主页面将不用<body></body>

    • 用name属性设置框架名称

    • 用src属性实现在框架中导航页面

    • 用scrolling属性设置框架页的滚动条

    • 在分割时,如要把一个浏览器的窗口分为两个子窗口,规定好一个的规格,另一个就会自动被浏览器计算呈现,在代码中填写*即可。

      <!DOCTYPE html>
      <html>
          <head>
              <meta charset="UTF-8">
              <title></title>
          </head>
          <frameset rows="100,*">
              <frame src="rows1.html" />
              <frameset cols="200,*" />
                    <frame src="rows2.html"/>
                    <frame src="cols1.html" name="show"/>
              
          </frameset>
      </html>
      注意:
      <noresize>:设置后分割界面的边框线不再移动
      <framborder> yes 或 no  框架是否实边框
      <scrolling>设置滚动条
      <border> 框架边框的宽度(需要设置framborder="yes")

    内联框架iframe

    1. <Frameset>标签是将整个浏览器窗口分割成多个子窗口。子窗口的大小是由框架的高度和宽度属性来设置的,不够灵活。<iframe>标签也是框架,它可以自由控制窗口大小。

    2. 属性名              属性值                    功能
      width         数字(以像素为单位)         框架的宽度
      height        数字(以像素为单位)         框架的高度
      name          字符串                     框架的名称
      frameborder   0或1                      框架的边框,0没有边框,1有边框
      src           网页文件路径和文件名         框架中打开的网页文件
      scrplling     yes或no                   框架的滚动条
      marginheight  数字(以像素为单位)         框架的左右边框
      marginwidth   数字(以像素为单位)         框架的上下边距

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

雷亚文

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值