框架标签和其他标签

于 2021-09-03 11:41:07 发布
阅读量215 收藏
点赞数
分类专栏： JavaWeb教程 文章标签： 其他 html css
原文链接：http://www.monkey1024.com/html/743
版权

框架标签
在平时浏览网页的时候，一般网页都会按照如下图中的格式进行分块：
在这里插入图片描述

要想实现上面的分块格式，html提供了框架标签（目前企业开发中使用这种方式的不多了），下面通过代码来实现上图中的格式。

主框架：

<!DOCTYPE html >
<html>
<head>
<meta  charset=UTF-8">
<title>Insert title here</title>
</head>

<frameset rows="120,*,80">
    <frame src="top.html" >
    <frameset cols="120,*">
        <frame src="left.html">
        <frame name="right" src="right.html">
    </frameset>
    <frame src="bottom.html"></frame>
</frameset>

</html>

左框架：

<!DOCTYPE html>
<html>
<head>
<meta charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
    <a href="menu1.html" target="right">menu1</a>
    <a href="menu2.html" target="right">menu2</a>
    <a href="menu3.html" target="right">menu3</a>
</body>
</html>

左框架中的菜单：

<!DOCTYPE html>
<html>
<head>
<meta charset=UTF-8">
<title>left1</title>
</head>
<body>
    menu1
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset=UTF-8">
<title>left2</title>
</head>
<body>
    menu2
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset=UTF-8">
<title>left3</title>
</head>
<body>
    menu3
</body>
</html>

右框架：

<!DOCTYPE html>
<html>
<head>
<meta charset=UTF-8">
<title>right</title>
</head>
<body>
    right
</body>
</html>

顶框架：

<!DOCTYPE html >
<html>
<head>
<meta charset=UTF-8">
<title>top</title>
</head>
<body>
    top
</body>
</html>

底部框架

<!DOCTYPE html >
<html>
<head>
<meta charset=UTF-8">
<title>bottom</title>
</head>
<body>
    bottom
</body>
</html>

标签说明：

框架标签
    frameset:
        属性：
            rows；按行划分
            cols：按列划分
            划分格式： rows="120,*,80",*表示剩余空间
    frame:
        属性：    
            name：名称，方便target根据name值进行定位
            src:页面地址；

其他标签

<meta>
        <meta name="keywords" content="keyword1,keyword2,keyword3">
        <meta name="description" content="this is my page">
        <meta charset=UTF-8">
<link>
    <link rel="stylesheet" type="text/css" href="./styles.css">
        href：引入css文件的地址
<script>
    <script type="text/javascript" src=""></script>
        src：js的文件地址

标签说明：

<meta name="keywords" content="keyword1,keyword2,keyword3">content中写一些网页的关键词

<meta name="description" content="this is my page">content中写网页的描述简介
上面两个主要是给搜索引擎看的，比如在百度搜索某个关键词后，在搜索结果中会展示description中的内容。

<link>和<script>是用来引入外部的css文件和javascript文件，这样html才会跟他们产生关系

特殊字符

&nbsp; 空格
&gt;   大于号
&lt;   小于号
&copy; 版权符号
&reg;  注册符号
陌影2272424
关注
专栏目录
框架标签
liupc的学习笔记
03-03 2015
一、什么是框架标签？ 首先看下图，有三部分：蓝色的logo；左边的目录结构；右边的内容。实际开发过程中会把这三部分写在三个页面中。这样就能提供程序的可维护性：改一部分的时候其他部分不需要动。这个可以使用框架标签实现。 说明： 1.框架标签比较过时，现在用div比较常用。 2.要学会使用。不是重点，会用即可。 ...
HTML框架标签
Yang_Rujie的博客
11-02 4996
HTML常用标签 一、表格标签 table常用属性 tr常用属性 td常用属性 表格实例 二、表单标签 表单标签 表单域 表单按钮 表单实例 三、框架标签 框架结构文件格式 框架结构基本标签 target属性 框架实例 一、表格标签 table常用属性 （1）border：设置表格边框的宽度，值为非负整数，若为0表示边框不可见，单位为像素。 （2）cellspacing：设置单元格边框到表格边框的距离，单位为像素。 （3）cellpadding：设置单元格内文字到单元格边框的距离，单位为像素
HTML学习8：常用标签之框架标签
life is wonderful
10-26 3420
HTML标记语言中通过使用框架，可以在同一个浏览器窗口中显示不止一个页面。        一，框架概述        通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架 都独立于其他的框架。        使用框架的坏处：        (1)开发人员必须同时跟踪更多的HTML文档        (2)很难打印整张页面
HTML框架标签超链接标签控件标签PPT教案.pptx
10-02
在本PPT教案中，主要介绍了HTML中的框架标签、超链接标签以及控件标签的使用。 首先，我们来详细了解一下HTML的框架标签。框架标签使得网页可以被划分为多个独立的区域，每个区域可以加载不同的HTML文档。框架由`...
html--4.框架标签
04-09
在本讨论中，我们将深入探讨“html--4.框架标签”这个主题，重点关注`<frameset>`，`<frame>`和`<iframe>`这三个主要的框架标签。 首先，我们来了解`<frameset>`标签。`<frameset>`是框架结构的容器，它定义了网页...
XHTML入门学习教程:框架标签使用
09-28
XHTML入门学习教程中，框架标签的使用是一个重要的概念，主要涉及到如何在浏览器的一个页面内同时展示多个网页。虽然现在框架结构已经不被推荐用于网站设计，但它仍然是学习Web开发历史和技术演进的一个重要环节。 ...
XHTML:框架结构标签
09-28
XHTML中的框架结构标签是用来创建一个页面，该页面可以在单个浏览器窗口中显示多个独立的网页。这种技术基于`<frameset>`标签，它的工作原理类似于一个大的表格，但每个表格单元格（cell）实际上是各自独立的网页。...
【框架标签】
Hey_Coder
05-05 1746
(重点) ★ iframe: 页面嵌套（HTML 页面 嵌入到当前页面） 1.2.1 iframe 内联框架 标签的属性 (1) height 属性+width 属性: 高度和宽度（像素，百分比） (2) name 属性: 内联框架 名称 （搭配其他标签的 target） ❤ 内联框架的可访问性：标签内容，title 属性 (3) src 属性: 嵌入页面的 地址（url） ⑷ referrerpolicy 属性: referrer 发不发，发什么 (源网址 or 完整网址) 1.2.2 iframe 内联
HTML-框架标签
Tommy5553的博客
06-23 173
框架标签    &lt;frameset&gt;&lt;/frameset&gt;        属性：            rows：按行进行划分                &lt;frameset rows = "80",*&gt; 划分成两行            cols：按列进行划分                &lt;frameset cols = "80",*&gt; 划分成...
html中的框架标签 - frameset、frame
menglong0329的博客
03-11 816
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>框架标签</...
html主框架标签,html 框架标签
weixin_30044149的博客
06-10 489
一个浏览器窗体可以通过几个页面的组合来显示。我们可以使用框架来完成(frames)这项工作。(框架可以把HTML文档分为多个页面)详情可见：http://www.dreamdu.com/xhtml/tag_frame/主要概念：框架标签framHTML框架使用frameset标签把浏览器的窗体分为多个行与列的框架页，每个页面又使用了[frame]标签定义，同时应该使用定义浏览器不支持框架时显示的内...
HTML框架标签的使用-<frameset>
HYM BLOG
04-30 2300
frameset框架的使用-使用frameset框架进行布局 <!-- 标签名称：frameset 定义一个框架集合，来组织有几个窗口（框架），每个框架都是独立的文档 属性： cols：确定列 用法： rows：确定行 实例： 例如： 表示3列，第一列100像素，第二列200像素，其他的都是第三列的宽度 tag： frameset标签不能和标签一起使用，因为一
【JavaWeb】HTML语言_框架标签
午后红茶
01-09 887
框架标签 1.标签名称： 框架标签含有属性src和name： （1）src：链接到的网页 （2）name：name属性值和超链接中的target属性值一致（相当于一个打开的标记） 注：一个页面包含多个frame标签 2.如果存在多个html页面的话，使用框架集标签 框架集标签frameset有两个属性： （1）rows：按照行划分（从上至下划分的几个部分占整体部分的比例） 例：f
网站建设学习（五）——HTML框架标签
QJM1995的博客
01-13 409
       上一篇介绍了表单标签以及转义字符的使用，这一篇主要介绍框架标签的使用，在执行本篇代码时，请分别建立：html框架标签.html，html框架标签_1.html，html框架标签_2.html，三个文件于同一文件夹下执行代码，框架标签是多个页面的集合展示，所以要进行如此处理。 html框架标签.html： &lt;!--html： hyper text markup langu...
Spring框架表单标签详细指南
自Spring 2.0版本开始，这些标签支持数据绑定，并且与Spring Web MVC框架紧密集成，能够直接操作控制器处理的数据对象，提升开发效率和代码可读性。 1. **配置标签库** 要使用Spring的表单标签库，首先需要在JSP...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值