[19/05/17-星期五] HTML_body标签(内嵌标签)和框架标签

一、内嵌标签

<!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>

原文地址:https://www.cnblogs.com/ID-qingxin/p/10884256.html

时间: 2024-10-14 06:20:43

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

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

项目中遇到了一点小问题: 是这样的,在输入框包裹元素 p标签中想内嵌一个p 标签用作显示提示字符,谁知发生了一下一幕: 页面结构: <p class="modify-info-wrap"> <span>二级导航明细:</span> <textarea name="second-childNav-content" id="childTagInfo" class="modify-nav-info&q

div style标签内嵌CSS样式

我们在DIV标签内.SPAN标签内.p标签等html标签内使用style属性直接设置div的样式. 一.在<div>标签内使用style设置css样式   -   TOP 1.实例html源代码片段: <div style="font-size:14px; color:#F00">设置字体大小14px,颜色为红色</div> 2.div标签内使用style设置样式截图 div标签内设置样式截图 二.在<span>标签内使用style设置c

HTML框架标签

与HTML框架有关的标签主要有三种: <frameset>框架结构标签 <frame>框架标签 <iframe>内联框架标签 一. 先来说第一种框架结构标签 <frameset>,其主要属性是rows和cols,使用如下: <html> <frameset cols="25%,50%,25%"> <frame src="frame_a.htm" /> <frame src=&q

HTMl中的块标签和内嵌标签(内联标签)

块状标签: address - 地址 blockquote - 块引用center - 举中对齐块dir - 目录列表div - 常用块级容易,也是CSS layout的主要标签dl - 定义列表fieldset - form控制组form - 交互表单h1 - 大标题h2 - 副标题h3 - 3级标题h4 - 4级标题h5 - 5级标题h6 - 6级标题hr - 水平分隔线isindex - input promptmenu - 菜单列表noframes - frames可选内容,(对于不支持

HTML - 内嵌标签相关

<html> <head></head> <body> <!-- iframe (内嵌标签) src : 要显示的网页资源路径(本地资源或网络资源) width : 显示区域的宽度 height : 显示区域的高度 --> <iframe src="http://www.baidu.com" width="500px" height="400px"></iframe&g

一、小程序内嵌Html示例

小程序内嵌Html 1.下载wxParse:https://github.com/icindy/wxParse 2.下载完成后将插件目录下的wxParse文件夹拷贝到项目目录下 (文件夹明细) 3.全局配置文件app.wxss中导入wxParse的样式表 @import "/wxParse/wxParse.wxss"; (以上只是仅在app.wxss引入配置,其他页面布局未动) 4.下面是在我们自己需要写的页面操作 在需要加载html代码的页面js文件中引用wxParse.js文件并通

Spring 发送内嵌图片的邮件 遇到的问题

问题1:spring 发送带图片的html格式的邮件? 解决方法1:直接在发送内容里面添加 <img src="http://www.rgagnon.com/images/jht.gif"> 这种方法是最简单的发送带图片的邮件的方法,但是存在一个问题:有的邮箱会把邮件中有带服务器地址的图片放到垃圾箱,导致邮件收不到,于是继续整. 解决方法2:使用Spring带的 MimeMessageHelper,说不清楚直接看代码: 1 public class MyClass { 2

Stratix内嵌存储器测试报告

     Stratix和Stratix GX系列器件内嵌TriMatrix存储块包括512-bit M512块.4-Kbit M4K块及512-Kbit M-RAM块.TriMatrix存储结构可对输入和输出RAM块的信号加上寄存器级,实现同步(pipelined) RAM.所有TriMatrix存储器输入均为寄存器级,提供同步写周期.输出寄存器可被旁路(bypassed).全同步的简单或真正双端口TriMatrix存储器的工作速度高达312MHz,可工作于flow-through模式(仅有输

C#实现在Form里面内嵌dos窗体的方法

C#实现在Form里面内嵌dos窗体的方法.分享给大家供大家参考.具体如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 using System; using System.Windows.Forms; using System.Runtime.InteropServices; using System.Diagnostics; namespace cmdForm {  public partial class F