网页的设计第8章表格与框架.pptVIP

第8章 表格与框架 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标签来定义窗口框架中的子窗口的内容。 例如：将网页水平分割为3个部分，其效果如图8-3所示。 html head title框架/title /head frameset rows=”20%,30%,*” frame frame frame /frameset /html 2. 垂直分割 垂直分割窗口采用cols属性，即在垂直方向上将浏览器分割成多个窗口。语法结构如下： 例如：将网页垂直等分为4个部分，其效果如图8-4所示。 frameset cols=”value1,value2,……,*” frame src=”文件路径” frame src=”文件路径” …… /frameset 图8-4 垂直分割网页 html head title框架/title /head frameset cols=”*,*,*,*” frame frame frame frame /frameset /html 3. 嵌套分割 一个浏览器窗口可以既水平分割又垂直分割，这种窗口就是嵌套分割窗口。rows属性和cols属性混合起来使用，实现框架的嵌套。语法格式如下： frameset cols=”value1,value2,……,*” frame src=”文件路径” frameset rows=”value1,value2,……,*” frame src=”文件路径” frame src=”文件路径” …… /frameset frame src=”文件路径” …… /frameset 或者： frameset rows =”value1,value2,……,*” frame src=”文件路径” frameset cols =”value1,value2,……,*”