04 frameset-iframe【尚硅谷JavaWeb教程】

Blueming_first

已于 2023-01-30 13:13:51 修改

阅读量335

点赞数

分类专栏： JavaWEB 文章标签：前端 html javascript

于 2023-01-29 15:08:23 首次发布

本文链接：https://blog.csdn.net/Cypresszky/article/details/128789059

版权

JavaWEB 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

04 frameset-iframe【尚硅谷JavaWeb教程】

JAVAWEB的学习笔记
学习视频来自：https://www.bilibili.com/video/BV1AS4y177xJ/?vd_source=75dce036dc8244310435eaf03de4e330

frameset、iframe这个标签基本上已经不用了。

frameset标签

一个大的网页由很多个小的网页组成，会用到frameset。
frameset 表示页面框架，这个标签已经淘汰，了解，不需要掌握。
frame表示框架中的具体页面引用。
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
</head>
    <frameset rows="20%,*" frameborder="yes"> <!--frameborder 去掉边框-->
        <frame src="frames/top.html" height="20%"/>
        <frameset cols = "15%,*">
            <frame src="frames/left.html"/>
            <frameset rows="80%,*">
                <frame src="frames/main.html"/>
                <frame src="frames/botton.html"/>
            </frameset>
        </frameset>
    </frameset>
</html>

页面展示：
在这里插入图片描述
IDE中的结构：

iframe标签

iframe在大的页面中嵌套小的页面。
iframe 在一个页面中嵌入一个子页面。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
</head>
<body>
    这里是demo06页面的内容
    <iframe src="frames/top.html"/>
</body>
</html>

<!--
frameset 表示页面框架，这个标签已经淘汰，了解，不需要掌握
frame表示框架中的具体页面引用

iframe 在一个页面中嵌入一个子页面

-->

在这里插入图片描述

总结：

HTML 是解释型的文本标记语言，不区分大小写
html,head, title, meta, body,br,p,hr,div,table,form,u,i,b,sup,sub,&nbsp ;,span,ul,ol,li,tr,td,th,h1-h6,a,input,select,textarea,img
2-1. html, head, title, meta, body, br, ul, ol, h1-h6, a, img, &nbsp ;, p, div, span
2-2. table, tr, th, td
2-3. form(action=‘’, method=‘post’), input, type=‘text/password/radio/checkbox/submit/button/reset’ ,