原来的代码:
<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的`<frameset>`标签来实现。 **总结:** 以上介绍的三种居中方式分别适用于不同的场景和需求。表格布局适用于较为简单的...
标题和描述中提到的知识点是关于如何使用Frameset实现宽屏居中的技巧分享。在这一部分内容中,提及到的技术术语包括 Frameset、cols、rows、frameborder、framespacing、frame 和noframes等。下面详细介绍这些概念...
具体操作是在`1024x768`分辨率下,创建固定宽度(例如`960px`)并设置`align="center"`的表格,以此实现页面内容的居中显示。 然而,这种方法的一个缺点是,在低分辨率屏幕上,页面内容可能需要横向滚动才能完全...
文档可能包含大量示例代码,用以展示如何实现复杂布局、页面重定向、服务器端逻辑判断和表单处理。这些技术在现代网页设计中已较少使用,因为它们不利于SEO优化,也不支持响应式布局,但了解这些基础知识对于学习和...
9. 框架布局:`<frameset>`标签用于创建框架结构。代码中页面分为两列,上部分包含两个子框架(top.html和left.html),下部分是right.html。top.html占据顶部,宽度与窗口相同,height未指定;left.html在左侧,高度...
9. 框架布局:`<frameset>`定义了页面的框架结构,`cols`和`rows`定义了列和行。在这个例子中,页面分为两列,第一列包含两个子帧,第二列只有一个子帧。 10. CSS文本属性:`font-size`设置字体大小,`font-family`...
不同的DOCTYPE声明对应不同的标准规范,常见的有过渡型(Transitional)、严格型(Strict)和框架型(Frameset)三种。正确的DOCTYPE声明能够帮助浏览器正确解析和渲染页面,忽略DOCTYPE声明可能导致浏览器以怪异...
5. 页面布局技术:HTML布局主要包括框架布局、表格布局和基于`DIV`的层布局。题目的答案选择了所有选项,意味着所有都是布局技术的一部分。 6. 锚点链接:`#novel`是一个内部锚点链接,当用户点击后,页面会滚动到...
- `<frameset>`标签用于创建框架集,框架可以设置边框颜色、宽度等属性。 - `<frame>`标签用于定义框架,可以设置源文件、边框宽度等。 - `<input>`标签用于创建表单元素,`type="submit"`、`type="reset"`和`...
- `<frameset cols="20%,*">`:左侧框架占20%,右侧框架占剩余宽度。 - `<frameset rows="20%,*">`:上部框架占20%,下部框架占剩余高度。 - `<frameset cols="20%,*,20%">`:左右两侧各占20%,中间框架占剩余宽度。...
12. 框架组属性:与框架属性类似,框架组(frameset)可以设置边框颜色和宽度,但不能直接设置子框架的高度或宽度,所以B是正确答案。 13. Web安全色:Web安全色是指在旧的8位彩色显示器上能正确显示的216种颜色。 ...
1. 框架属性:HTML中的`<frameset>`和`<frame>`标签用于创建框架结构,其中可以设置源文件、边框颜色和宽度,但不能直接设置滚动条,滚动条是根据内容自动出现的。 2. 按钮类型:`<input>`标签的`type`属性可以设置...
目前,大部分设计师倾向于使用CSS布局技术如Flexbox和Grid来替代框架实现相同效果。 总结,HTML表格用于组织和展示数据,通过各种属性可以进行丰富的格式化。框架则允许在一个网页中显示多个独立的内容源,但其使用...
13. 框架结构:创建所示框架需要使用`<FRAMESET>`标签,且应该按照列(cols)来划分,同时在内部包含两个子框架,其中一个是固定宽度(100),另一个是自适应宽度(*)(C)。 以上就是从题目中提取的网页制作相关...
10. **框架**:HTML中的`<frameset>`和`<frame>`标签用于创建框架布局,允许网页内容分隔显示在不同的区域。例如: ```html <frameset rows="60,*"> <frameset cols="200,*"> </frameset> </frameset> `...
- `<tt>`: 固定宽度字体,类似于打字机效果。 - `<xmp>`、`<plaintext>` 和 `<listing>`: 用于显示预格式化的文本。 ### 4. 布局标签 - `<hr>`: 插入水平线,可设置其宽度、高度和颜色。 - ` `: 插入换行符,...
- **`<center>`**:使元素居中对齐,现代网页设计中应使用CSS来实现居中效果。 - **`<cite>`**:定义作品的标题,如书籍、电影、歌曲等。 - **`<CODE>`**:定义计算机代码。 - **`<COL>`**:定义表格中单个列的样式...
12. **框架属性**:框架组(Frameset)的属性面板不能设置滚动条,但可以设置边框颜色和宽度以及子框架的尺寸。 13. **Web安全色**:Web安全色是指在旧的8位颜色显示器上能正确显示的216种颜色。 14. **网页图像...
`rows` 和 `cols` 属性定义框架的布局,`noresize` 阻止用户调整框架大小。不过,现代 web 开发倾向于使用更灵活的 CSS Grid 或 Flexbox。 7. **浏览器兼容性**:需要注意的是,一些标签如 `<center>` 和 `...