`

框架布局,用Frameset如何实现固定宽度的居中

阅读更多
原来的代码:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>框架布局,用Frameset如何实现固定宽度的居中</title>
<head>
</head>
<frameset rows="130,*,40" frameborder="no" border="0" framespacing="0">
   <frame src="top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" />
   <frame src="center.html" name="mainFrame" id="mainFrame" />
   <frame src="bottom.html" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" />
</frameset>
<noframes>
<body></body>
    </noframes>
</html>

====================================================================

改过的代码

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>框架布局,用Frameset如何实现固定宽度的居中</title>
<head>
</head>
<frameset cols="*,1024,*" frameborder="no" border="0" framespacing="0">
<frame src="about:blank"></frame>
<frameset rows="130,*,40" frameborder="no" border="0" framespacing="0">
   <frame src="top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" />
   <frame src="center.html" name="mainFrame" id="mainFrame" />
   <frame src="bottom.html" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" />
</frameset>
<frame src="about:blank"></frame>
</frameset>
<noframes>
<body></body>
    </noframes>
</html>
分享到:
评论

相关推荐

    HTML之三种居中

    上述代码展示了如何使用表格来尝试实现框架布局的居中,但实际上框架布局更多的是通过HTML的`&lt;frameset&gt;`标签来实现。 **总结:** 以上介绍的三种居中方式分别适用于不同的场景和需求。表格布局适用于较为简单的...

    使用Frameset 宽屏居中小技巧分享

    标题和描述中提到的知识点是关于如何使用Frameset实现宽屏居中的技巧分享。在这一部分内容中,提及到的技术术语包括 Frameset、cols、rows、frameborder、framespacing、frame 和noframes等。下面详细介绍这些概念...

    网页在不同分辨率下保持同一显示效果的方法

    具体操作是在`1024x768`分辨率下,创建固定宽度(例如`960px`)并设置`align="center"`的表格,以此实现页面内容的居中显示。 然而,这种方法的一个缺点是,在低分辨率屏幕上,页面内容可能需要横向滚动才能完全...

    HTML框架代码全集.pdf

    文档可能包含大量示例代码,用以展示如何实现复杂布局、页面重定向、服务器端逻辑判断和表单处理。这些技术在现代网页设计中已较少使用,因为它们不利于SEO优化,也不支持响应式布局,但了解这些基础知识对于学习和...

    HTML单科测试题(带答案).doc

    9. 框架布局:`&lt;frameset&gt;`标签用于创建框架结构。代码中页面分为两列,上部分包含两个子框架(top.html和left.html),下部分是right.html。top.html占据顶部,宽度与窗口相同,height未指定;left.html在左侧,高度...

    HTML测试题含答案.pdf

    9. 框架布局:`&lt;frameset&gt;`定义了页面的框架结构,`cols`和`rows`定义了列和行。在这个例子中,页面分为两列,第一列包含两个子帧,第二列只有一个子帧。 10. CSS文本属性:`font-size`设置字体大小,`font-family`...

    css中margin:0 auto居中问题深入探讨

    不同的DOCTYPE声明对应不同的标准规范,常见的有过渡型(Transitional)、严格型(Strict)和框架型(Frameset)三种。正确的DOCTYPE声明能够帮助浏览器正确解析和渲染页面,忽略DOCTYPE声明可能导致浏览器以怪异...

    HTML测试题(卷)(含答案解析).doc

    5. 页面布局技术:HTML布局主要包括框架布局、表格布局和基于`DIV`的层布局。题目的答案选择了所有选项,意味着所有都是布局技术的一部分。 6. 锚点链接:`#novel`是一个内部锚点链接,当用户点击后,页面会滚动到...

    htmlcss考试题.doc

    - `&lt;frameset&gt;`标签用于创建框架集,框架可以设置边框颜色、宽度等属性。 - `&lt;frame&gt;`标签用于定义框架,可以设置源文件、边框宽度等。 - `&lt;input&gt;`标签用于创建表单元素,`type="submit"`、`type="reset"`和`...

    HTML语法介绍

    - `&lt;frameset cols="20%,*"&gt;`:左侧框架占20%,右侧框架占剩余宽度。 - `&lt;frameset rows="20%,*"&gt;`:上部框架占20%,下部框架占剩余高度。 - `&lt;frameset cols="20%,*,20%"&gt;`:左右两侧各占20%,中间框架占剩余宽度。...

    网页设计考试题借鉴.pdf

    12. 框架组属性:与框架属性类似,框架组(frameset)可以设置边框颜色和宽度,但不能直接设置子框架的高度或宽度,所以B是正确答案。 13. Web安全色:Web安全色是指在旧的8位彩色显示器上能正确显示的216种颜色。 ...

    HTML试题WEB考点.pdf

    1. 框架属性:HTML中的`&lt;frameset&gt;`和`&lt;frame&gt;`标签用于创建框架结构,其中可以设置源文件、边框颜色和宽度,但不能直接设置滚动条,滚动条是根据内容自动出现的。 2. 按钮类型:`&lt;input&gt;`标签的`type`属性可以设置...

    HTML表格、框架-使用大全.ppt

    目前,大部分设计师倾向于使用CSS布局技术如Flexbox和Grid来替代框架实现相同效果。 总结,HTML表格用于组织和展示数据,通过各种属性可以进行丰富的格式化。框架则允许在一个网页中显示多个独立的内容源,但其使用...

    网页制作计算机选择题.doc

    13. 框架结构:创建所示框架需要使用`&lt;FRAMESET&gt;`标签,且应该按照列(cols)来划分,同时在内部包含两个子框架,其中一个是固定宽度(100),另一个是自适应宽度(*)(C)。 以上就是从题目中提取的网页制作相关...

    html标记复习资料(网络开发初级)

    10. **框架**:HTML中的`&lt;frameset&gt;`和`&lt;frame&gt;`标签用于创建框架布局,允许网页内容分隔显示在不同的区域。例如: ```html &lt;frameset rows="60,*"&gt; &lt;frameset cols="200,*"&gt; &lt;/frameset&gt; &lt;/frameset&gt; `...

    html对象属性大全

    - `&lt;tt&gt;`: 固定宽度字体,类似于打字机效果。 - `&lt;xmp&gt;`、`&lt;plaintext&gt;` 和 `&lt;listing&gt;`: 用于显示预格式化的文本。 ### 4. 布局标签 - `&lt;hr&gt;`: 插入水平线,可设置其宽度、高度和颜色。 - ` `: 插入换行符,...

    HTML标签大全

    - **`&lt;center&gt;`**:使元素居中对齐,现代网页设计中应使用CSS来实现居中效果。 - **`&lt;cite&gt;`**:定义作品的标题,如书籍、电影、歌曲等。 - **`&lt;CODE&gt;`**:定义计算机代码。 - **`&lt;COL&gt;`**:定义表格中单个列的样式...

    html+css考试题.doc

    12. **框架属性**:框架组(Frameset)的属性面板不能设置滚动条,但可以设置边框颜色和宽度以及子框架的尺寸。 13. **Web安全色**:Web安全色是指在旧的8位颜色显示器上能正确显示的216种颜色。 14. **网页图像...

    javascript珍藏

    `rows` 和 `cols` 属性定义框架的布局,`noresize` 阻止用户调整框架大小。不过,现代 web 开发倾向于使用更灵活的 CSS Grid 或 Flexbox。 7. **浏览器兼容性**:需要注意的是,一些标签如 `&lt;center&gt;` 和 `...

Global site tag (gtag.js) - Google Analytics