您的位置：首页 > Web前端

Web前端基础知识

2017-07-10 19:59 405 查看

1.frameSet框架布局

创建框架网页的步骤：
1.创建各个子窗口对应的HTML文件；
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Top</title>
</head>
<body bgcolor="#7fffd4">
logo
</body>
</html>


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>right</title>
</head>
<body bgcolor="#ffebcd">
right
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>left</title>
</head>
<body bgcolor="#ffe4c4">

<a href="https://www.baidu.com/" target="rightframe">left</a>
<!--此处的href为点击连接会跳转到right页面显示-->
</body></html>



2.创建整个框架文件，分别引用子窗口文件；

创建框架页面的基本语法：
<frameset cols="25%,50%,*" rows="50%,*"  border="5" >
<frame src="top.html" noresize="norsesize">
......
</frameset>


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Frameset框架</title>
</head>

<frameset  rows="20%,*">
<frame src="top.html"  noresize="noresize"/>
<frameset cols="20%,*" >
<frame src="left.html"  noresize="noresize"/>
<frame src="right.html" noresize="noresize" name="rightframe"/>
</frameset>
</frameset>
</html>
效果：





2.iframe内嵌框架

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航