Web前端基础知识

来源：互联网发布：移动宽带网络参数设置编辑：程序博客网时间：2024/06/10 21:50

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

阅读全文

0 0