网页设计——入门与提高 作者 王维 吴菲 王丽娜 第08章.pptVIP

3. 嵌套分割 一个浏览器窗口可以既水平分割又垂直分割，这种窗口就是嵌套分割窗口。rows属性和cols属性混合起来使用，实现框架的嵌套。语法格式如下： 8.2.4 浮动框架 浮动框架是一种特殊的框架页面，浮动框架窗口就是在浏览器窗口中嵌套子窗口，它可以自由控制窗口大小，可以随意的在网页中的任何位置插入窗口，在其中显示页面内容。在HTML中通过iframe标签实现。语法格式如下： 例如，在网页中应用浮动框架将“百度”网站载入页面。效果如图8-7所示。 第8章 表格与框架 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 8.1 表格 8.1.1 建立表格 使用表格可以清晰的显示数据，在HTML中建立表格主要用到四个标签，分别是table、tr、th、td。这四个标签都是成对标签。 table标签为表格标签，用来定义一个表格。 tr标签为行标签，用来定义表格的一行。 th标签为表头标签，用来定义表格内的表头单元格，在表头单元格内的文字将以粗体方式显示，当然表格不一定都有表头，设计者根据需要自己设置。 td标签为单元格标签，用来定义表格的单元格。单元格可以包含文本、图片、列表、段落、表单、表格等等。 用以上四个标签就可以定义一个表格，其语法格式如下： table tr td（th）第一行第一列单元格内容/td（/th） td（th）第一行第二列单元格内容/td（/th） …… td（th）第一行第n列单元格内容/td（/th） /tr tr td第二行第一列单元格内容/td td第二行第二列单元格内容/td …… td第二行第n列单元格内容/td /tr …… tr td第m行第一列单元格内容/td td第m行第二列单元格内容/td …… td第m行第n列单元格内容/td /tr /table 8.1.2 合并单元格 并非所有的表格都是规规矩矩的只有几行几列，有时候还会希望能够“合并单元格”，以符合某种内容上的需要。在HTML中合并的方式有两种，一种是跨行合并，一种是跨列合并。 跨行合并 跨列合并 td rowspan=”数值”单元格内容/td th rowspan=”数值”单元格内容/th td colspan=”数值”单元格内容/td th colspan=”数值”单元格内容/th 8.2 框架 框架在网页设计中，可以将一个浏览器窗口分成多个独立的小窗口，而且在每个小窗口中，可以分别显示不同的网页，并且每个小窗口是可以相互沟通的，达到在浏览器中同时浏览不同网页的效果。 使用框架可以非常方便的完成导航工作，而且各个框架之间不存在干扰问题，所以框架技术一直被普遍应用于页面导航。 8.2.1 建立框架 框架的基本结构主要包括两部分：一部分是框架集，另一部分是框架，它主要是利用frameset标签和frame标签来定义的。框架集是在一个文档内定义一组框架结构的HTML网页，它定义了网页显示的框架数、框架的大小、载入框架的网页源和其他可以定义的属性等，用frameset标签来定义一个窗口框架；而框架则是指在网页上定义的一个显示区域，用frame标签来定义窗口框架中的子窗口的内容。 html head title网页标题/title /head frameset frame src=”文件路径” frame src=”文件路径” …… /frameset /html 实际上，窗口框架文档的书写格式与一般的HTML文件的书写格式相同，只是在使用了框架集的页面中，页面的body标记被frameset标记所取代，然后通过frame标记所取代，再通过frame标记定义每一个框架。语法结构如下： 8.2.2 框架分割 框架的分割方式主要有三种：水平分割、垂直分割和嵌套分割。 1. 水平分割 水平分割窗口采用rows属性，即在水平方向上将浏览器分割成多个窗口。语法结构如下： frameset rows=”value1,value2,……,*” frame src=”文件路径” frame src=”文件路径” …… /frameset 例如：将网页水平分割为3个部分，其效果如图8-3所示。 html head title框架/title /head