一、内嵌标签

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <!--在当前网页嵌入另一个网页，达到不同网页资源之间不相互干扰，并能在同一个页面进行显示

            iframe  多用于网页播放器如爱奇艺

            src:要显示网页的路径 可以是本地也可以是网络资源

            width和height 要显示网页的宽和高

            name：设置内嵌区域的名字 结合超链接

        -->

        <title>08 内嵌标签</title>

    </head>

    <body>

        <!--<iframe src="07 简历.html" width="50%" height="400px"></iframe>-->

        <!--_if是自己定义的，表示把加载一个边框当用户点击 “百度一下”后把百度首页加载到边框中-->

        <a href="http://www.baidu.com" target="_if"> 百度一下</a>

        <a href="http://www.jd.com" target="_jd"> 京东年货节</a> <br />

        <iframe src="" width="48%" height="300px" name="_if"></iframe>

        <iframe src="" width="48%" height="300px" name="_jd"></iframe>

    </body>

</html>

二、框架标签

<html>

    <head>

        <meta charset="UTF-8">

        <!--框架是把当前网页分成不同的块(是固定的)，每块独立加载显示不同的内容.删除body标签 比如邮箱

            内嵌是把在当前网页嵌入不同的网页

        -->

        <title>09 框架标签</title>

    </head>

    <frameset  rows="10%,*,20%"> <!--按行切3块 比值为 10% *(表示剩余的70%) 20% 上中下3部分 1块就是1个frame-->

        <frame src="../frameset/top.html"/> <!--写路径时前边记得加上...-->

        <!--中间的部分按左右切分-->

        <frameset cols="15%,*">

            <frame src="../frameset/left.html"/>

            <frame src="../frameset/righ.html" name="_right"/>

        </frameset>

        <frame src="../frameset/buttom.html"/>

    </frameset>

</html>
<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>登录页面</title>

    </head>

    <body>

        <h3>欢迎访问B507主页</h3>

        <hr />

        <a href="../html文件/09 框架标签.html" > 点我进入主页</a>

    </body>

</html>

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>顶端网页</title>

    </head>

    <body>

        欢迎回到邮箱 <!--target="_top" 这里指退出最初的网页 这里指登录界面 login.html-->

        <a href="../frameset/login.html" target="_top"> 点我退出</a>

    </body>

</html>

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title> 左边网页</title>

    </head>

    <body>

        收件箱<br />

        发件箱<br />

        <ul>

            <li> <a href="http://www.baidu.com" target="_right"> 百度一下</a></li>

            <li> <a href="http://www.jd.com" target="_right"> 京东</a></li>

        </ul>

    </body>

</html>

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title> 右边网页</title>

    </head>

    <body>

        <p>右边网页</p>

    </body>

</html>

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title> 底部网页</title>

    </head>

    <body>

        版权所有：2019-2020; ID长安忆

    </body>

</html>

[19/05/17-星期五] HTML_body标签(内嵌标签)和框架标签的更多相关文章

  1. p标签内不能嵌套块级标签

    今天突然发现一个问题,那就是p标签内不能嵌套块级标签 例如: <p><p></p></p> 会被浏览器解析成 我又把 div 嵌套在里面,发现还是这样 ...

  2. 【实践】关于p 标签内嵌 p标签的bug

    项目中遇到了一点小问题: 是这样的,在输入框包裹元素 p标签中想内嵌一个p 标签用作显示提示字符,谁知发生了一下一幕: 页面结构: <p class="modify-info-wrap ...

  3. div style标签内嵌CSS样式

    我们在DIV标签内.SPAN标签内.p标签等html标签内使用style属性直接设置div的样式. 一.在<div>标签内使用style设置css样式   -   TOP 1.实例html ...

  4. html的<a>标签，表单，内嵌框架

      一.  <a>标签 0. 用图片当链接,就是把图片当成链接文字即可 <a href="http://www.baidu.com/" title="跳 ...

  5. HTML+CSS教程（四）选择器（id选择器，类选择器，标签选择器，子代选择器，后代选择器，组选择器，伪类选择器）/css引入页面的形式（行内样式、内嵌样式、外联样式）

    一.回顾内容 前端的三大组成(三大模块)    HTMl(超文本标记语言) 结构层    css(层叠样式表) 表现层:用来美化HTML结构    JS(Java script)(脚本语言) 行为层: ...

  6. [Tool] 透过PowerPoint Online在部落格文章里内嵌简报

    [Tool] 透过PowerPoint Online在部落格文章里内嵌简报 前言 讲课的时候,用PowerPoint做简报,好像已经成了讲课的惯例.而在课后,将课堂简报整理成部落格的文章,如果单纯是在 ...

  7. HTML5 在<a>标签内放置块级元素

    原文地址:HTML5: Wrap Block-Level Elements with A's 原文日期: 2010年06月26日 翻译日期: 2013年08月22日 对比起XHTML来说,HTML5通 ...

  8. pre标签内文本自动换行

    pre标签内文本自动换行 给pre标签添加一个css样式 pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* ...

  9. HTML框架标签

    与HTML框架有关的标签主要有三种: <frameset>框架结构标签 <frame>框架标签 <iframe>内联框架标签 一. 先来说第一种框架结构标签 < ...

随机推荐

  1. 小程序makePhoneCall拨打电话问题

    调用wx.makePhoneCall后肯定会弹出一个询问框,此时无论是点击确认或者取消,页面都会依次触发app.js中的onHide函数和onShow函数,所以需要注意

  2. LockSupport详解

    concurrent包是基于AQS (AbstractQueuedSynchronizer)框架的,AQS框架借助于两个类: Unsafe(提供CAS操作) LockSupport(提供park/un ...

  3. java 中的编码（二）

    UTF-16编码规则: 按照UTF-16编码规则计算下Unicode码位为 U+10002 (十进制:65538)的字符的UTF-16编码表示. U+10002落在 [U+10000, U+10FFF ...

  4. Java语言基础1-关键字、标识符、常量和变量

    关键字-标识符-常量和变量-运算符-流程控制-方法-数组 1.关键字 keyword Java系统中已经赋予了特殊含义的单词 特点:全部是小写字母注意: Java中的保留字:现在没有使用,以后有可能会 ...

  5. 【BZOJ3601】一个人的数论

    题目链接 题意简述 求小于 n 且与 n 互质的数的 k 次方之和. Sol 要求的东西: \[\sum_{i=1}^n i^k [gcd(i,n)=1]\] 枚举 gcd 上个莫比乌斯函数: \[\ ...

  6. Win10离线安装.NET Framework 3.5的方法补充（附cab格式离线安装包下载） - 转载

    MS酋长很早以前已经分享了<Win10离线安装.NET Framework 3.5的方法技巧>,同时分享了exe格式的.NET Framework 3.5离线安装包下载地址.但有部分网友反 ...

  7. 无法启动链接服务器"XXX DB Link"的 OLE DB 访问接口 "SQLNCLI11" 的嵌套事务。由于 XACT_ABORT 选项已设置为 OFF，因此必须使用嵌套事务。链接服务器"XXX DB Link"的 OLE DB 访问接口 "SQLNCLI11" 返回了消息"无法在此会话中启动更多的事务"。

    无法启动链接服务器"XXX DB Link"的 OLE DB 访问接口 "SQLNCLI11" 的嵌套事务.由于 XACT_ABORT 选项已设置为 OFF,因 ...

  8. python+requests接口自动化框架

    为什么要做接口自动化框架 1.业务与配置的分离 2.数据与程序的分离:数据的变更不影响程序 3.有日志功能,实现无人值守 4.自动发送测试报告 5.不懂编程的测试人员也可以进行测试 正常接口测试的流程 ...

  9. php array_push()函数 语法

    php array_push()函数 语法 作用:向第一个参数的数组尾部添加一个或多个元素(入栈),然后返回新数组的长度.博智达 语法:array_push(array,value1,value2.. ...

  10. luogu 4381 [IOI2008]Island 单调队列 + 基环树直径 + tarjan

    Description 你将要游览一个有N个岛屿的公园.从每一个岛i出发,只建造一座桥.桥的长度以Li表示.公园内总共有N座桥.尽管每座桥由一个岛连到另一个岛,但每座桥均可以双向行走.同时,每一对这样 ...