当前位置:网站首页 > 技术博客 > 正文

html制作框架代码



框架标签是一种与网页布局密切相关的标签,通过使用框架,可以在同一个浏览器窗口显示多个页面

< frameset >元素中的cols、row属性,用于将页面划分。

  • cols 属性 定义框架集中的列数目和尺寸
  • rows 属性 定义框架集中的行数目和尺寸
  • border 属性 设置框架边框的宽度
  • bordercolor 属性 设定框架边框的颜色

两者的取值单位可以是像素(绝对大小),可以是百分比(相对大小),也可以是*(表示除了以划分部分的尺寸后剩余的尺寸)。

(建立一个简单框架):

 
  

注意:使用 frameset 标签时不能写在 body 标签内,否则容易无效。

上面的< noframes > 标签为那些不支持框架的浏览器显示替代文本。即当浏览器不能处理框架时,就会显示该元素中的文本,这些文本包含在< body >元素中。

运行效果如下(因为框架中引入的网页名是我随意取的不存在网页,所有显示为404😅):
在这里插入图片描述

语法格式:

 
  

< frame >框架标签的若干属性:

  • src 属性 设置框架中要显示的网页的URL地址
  • name 属性 设置框架名称、来唯一标识框架
  • scrolling 属性 设置框架是否显示滚动条,属性值可为:yes、no、auto
  • noresize 属性 设置是否可以调整窗口大小,属性值只可取:noresize

🔘使用超链接中的target属性来控制框架跳转显示:
超链接< a >元素中的target属性可以设置在何处打开链接页面,有五个取值:

  • _blank:在新窗口中打开目标文=文档
  • _self:在当前框架或窗口打开目标文档,默认值
  • _parent:在父框架集中显示被打开的目标文档
  • _top:跳出所有框架集,在整个窗口中打开目标文档
  • 框架名称:在指定框架中打开目标文档

< iframe >是一种可以嵌在网页中任意部分的框架形式,也称为浮动框架。
语法格式:

 
  

属性值说明:

  • src 设置框架中要显示的网页的URL地址
  • id 用于唯一标识 iframe 框架
  • width 设置浮动框架的宽度
  • height 设置浮动框架的高度
  • frameborder 设置是否显示边框,0 为不显示,1 为显示
  • scrolling 设置是否显示滚动条,属性值可为:yes、no、auto

注意:< iframe >标签一般写在 body 标签内,而不是写在框架集标签中

此外,可以在 iframe 起始和结束标签中加入替代文本,当浏览器不支持 iframe 元素时,显示这些替代文本给出说明。


例(iframe的使用):

 
   

运行结果如下:
在这里插入图片描述
例(frameset、frame的使用):

 
   

运行效果如下:
在这里插入图片描述

版权声明


相关文章:

  • maven中央仓库下载2025-07-11 15:29:59
  • 特征提取技术2025-07-11 15:29:59
  • c写log日志2025-07-11 15:29:59
  • kernelapcpendingduringnext2025-07-11 15:29:59
  • 应用层协议要定义哪些内容2025-07-11 15:29:59
  • 线程间通信机制2025-07-11 15:29:59
  • gtest test_f2025-07-11 15:29:59
  • seekbay2025-07-11 15:29:59
  • opencv存储图像2025-07-11 15:29:59
  • 单臂路由vlan设置2025-07-11 15:29:59