当前位置:Gxlcms > html代码 > H5学习之旅-H5的框架(13)

H5学习之旅-H5的框架(13)

时间:2021-07-01 10:21:17 帮助过:40人阅读

H5框架语法介绍 :frame:框架对于页面的设计有很大的作用 frameSet:框架集标签定义如何将窗口分割为框架 ,每一个frameset定义一些列行或者列,rowS/COLS规定了每行或者每列占据屏幕的面积 noresize:固定框架大小 cols:行比例 rows:列比例 iframe:内联框架

代码实例:

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格提交</title></head>
   <frameset cols="20%,50%,30%">
       <frame src="framea.html">
       <frame src="frameb.html">
       <frame src="framec.html">
   </frameset></html>

!!!!!效果图

这里写图片描述

!!!!!!上面的两个标签都过时了,下面介绍内联标签iframe

使用了index,和framec,frameb,以及framea,层层以iframe的形式来嵌套,并且演示了a标签的target属性,parent,表示在上一个嵌套父控件中打开以及top表示在最顶部的控件中打开

index代码

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格提交</title></head>

    index    <iframe src="framec.html" width="800px" height="800px"></iframe></html>

framec代码

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title></title></head><body bgcolor="#ffd700">
    framec    <br/>
    <iframe src="frameb.html" width="600px" height="600px" ></iframe></body></html>

frameb代码

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title></title></head><body bgcolor="black">
    frameB    <br/>
    <iframe src="framea.html" width="400px" height="400px"></iframe></body></html>

framea代码

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title></title></head><body bgcolor="#ff1493">
    frameA    <a href="http://wwww.baidu.com" target="_self">百度一下</a></body></html>

self效果图

这里写图片描述

parent效果图

这里写图片描述

H5框架语法介绍 :frame:框架对于页面的设计有很大的作用 frameSet:框架集标签定义如何将窗口分割为框架 ,每一个frameset定义一些列行或者列,rowS/COLS规定了每行或者每列占据屏幕的面积 noresize:固定框架大小 cols:行比例 rows:列比例 iframe:内联框架

代码实例:

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格提交</title></head>
   <frameset cols="20%,50%,30%">
       <frame src="framea.html">
       <frame src="frameb.html">
       <frame src="framec.html">
   </frameset></html>

!!!!!效果图

这里写图片描述

!!!!!!上面的两个标签都过时了,下面介绍内联标签iframe

使用了index,和framec,frameb,以及framea,层层以iframe的形式来嵌套,并且演示了a标签的target属性,parent,表示在上一个嵌套父控件中打开以及top表示在最顶部的控件中打开

index代码

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格提交</title></head>

    index    <iframe src="framec.html" width="800px" height="800px"></iframe></html>

framec代码

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title></title></head><body bgcolor="#ffd700">
    framec    <br/>
    <iframe src="frameb.html" width="600px" height="600px" ></iframe></body></html>

frameb代码

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title></title></head><body bgcolor="black">
    frameB    <br/>
    <iframe src="framea.html" width="400px" height="400px"></iframe></body></html>

framea代码

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title></title></head><body bgcolor="#ff1493">
    frameA    <a href="http://wwww.baidu.com" target="_self">百度一下</a></body></html>

self效果图

这里写图片描述

parent效果图

这里写图片描述

以上就是H5学习之旅-H5的框架(13)的内容,更多相关内容请关注PHP中文网(www.gxlcms.com)!

人气教程排行