Web前端基础知识

xiaoxiao2021-02-28  110

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内嵌框架

转载请注明原文地址: https://www.6miu.com/read-38662.html

最新回复(0)