HTML基础：框架集与框架详解

需积分: 9 53 浏览量更新于2024-07-11 收藏 201KB PPT 举报

"框架集和框架是HTML语言中的重要组成部分，用于创建多窗口布局。它们允许网页内容被分割成多个独立的区域，每个区域可以加载不同的网页内容。本文将详细介绍框架集（FRAMESET）和框架（FRAME）的相关知识。一、框架集（FRAMESET）框架集是定义页面中框架布局的元素，它不能与BODY标签同时存在。基本语法如下： ```html <FRAMESET>…</FRAMESET> ``` 框架集有以下几个关键属性： 1. `BORDER`: 用于指定框架集边框的宽度，例如 `BORDER=5` 表示边框宽度为5像素。 2. `FRAMEBORDER`: 指定是否显示框架之间的边框，`FRAMEBORDER=0` 表示无边框，`FRAMEBORDER=1` 表示有边框。通过 `ROWS` 和 `COLS` 属性，可以定义框架在垂直或水平方向上的分割方式。例如： - `ROWS="30%,*,40%"`: 将页面分为三部分，顶部占30%，中间占剩余空间，底部占40%。 - `COLS="20%,*,60%"`: 将页面分为三列，左侧占20%，右侧占60%，中间占剩余空间。二、框架（FRAME）框架是框架集中包含的每个独立的显示区域，用于加载单独的网页内容。框架没有结束标签，基本语法如下： ```html <FRAME src="url" ... /> ``` 其中，`src` 属性指定要加载的网页URL。框架有以下常见属性： 1. `NAME`: 为框架命名，方便通过JavaScript或其他脚本进行引用。 2. `NORESIZE`: 可选，如果设置，用户无法调整框架的大小。 3. `MARGINWIDTH` 和 `MARGINHEIGHT`: 分别指定框架内边距的宽度和高度。三、HTML语言基础 HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。其主要特点包括： 1. HTML文本由一系列的标记构成，如 `<HTML>`、`<HEAD>` 和 `<BODY>`。 2. 标记通常成对出现，如 `<p>` 和 `</p>` 代表段落。 3. 文件以 `<HTML>` 开始，以 `</HTML>` 结束，通常包括文件头（HEAD）和文件体（BODY）两部分。 4. 在某些情况下，如Applet，可以省略开始和结束标签。 5. HTML语句不区分大小写。 6. HTML文件通常以 `.html` 或 `.htm` 为扩展名。以下是一个简单的HTML实例： ```html <html> <head> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <title>第一个html实例</title> </head> <body bgcolor="lightyellow" text="#0000fff"> <center><h1><b>这段文字为蓝色居中粗体</b></h1></center> <h3><u><font color="maroon">这段文字为绿色下划线</font></u></h3> <h7><i><font color="#ff00ff">这段文字为紫色斜体</font></i></h7> </body> </html> ``` 在这个例子中： 1. `META` 标记用于设定文档的字符编码为简体中文GB2312。 2. `TITLE` 标记内的内容显示在浏览器的标题栏。 3. `BODY` 标记内的内容是网页主体，`bgcolor` 和 `text` 属性分别定义了背景色和文字颜色。 4. 使用 `center`、`h1`、`b`、`h3`、`u`、`font` 等标签来控制文本的样式和布局。了解并熟练掌握框架集和框架的使用，以及HTML的基本语法，对于网页设计和开发至关重要。通过这些技术，开发者可以创建出更复杂、更互动的网页界面，提升用户体验。"