第4章节图片与表格.pptVIP

4.1.2 设置网页的背景 1. 设置背景色 格式为： BODY bgcolor=颜色值 “颜色值”可以为颜色的英文名或相应十六进制值。 2. 用图片作为背景 格式为： BODY background=“图片文件名” 例4-1 【例4-2】设置图片的尺寸。 HTML HEAD TITLE设定图片的尺寸/TITLE /HEAD BODY H4 align=center《计算机基础及应用教程》内容简介/H4 FONT size=2 nbsp;nbsp;nbsp;nbsp;本书根据最新“普通高等院校计算机基础教育教学大纲”要求编写。…BR IMG src=jsjjc.jpg alt=封面原始大小 IMG src=jsjjc.jpg width=18% height=40%宽18%，高40% IMG src=jsjjc.jpg alt=封面 width=85 height=120宽85，高120BR (2) 居左或居右 使用P标记的align属性可实现图片的居左和居右。格式为： P align=left或right IMG src=图片文件名 /P 例4-3 2. 设置图片与文本间的关系 可以设置图文的混排版面，如其间的空白、图文的对齐、文本环绕图片等。 (1) 设置图片与文本之间的空白 适当在图片与文本之间留下空白，可使页面看起来不至于太紧密。利用IMG标记的hspace和vspace属性可实现该功能。 例4-4 (3) 文本环绕图片 如果不设置文本对图片的环绕，图片在页面会占一片空白。利用IMG标记的属性，可以使文本环绕图片。格式为： IMG src=“图片文件名” align=“环绕方式” 其中align的值可取： left 图片在左边。 right 图片在文本的右边。 解除文本环绕的格式为： BR clear=left或right或all 例4-6 4.2 加入表格 4.2.1 建立简单表格 格式为： TABLE border=n width=x或x% height=y或y% TRTH/THTH/THTH…/THTH/TH TRTD/TDTD/TDTD…/TDTD/TD … TRTD/TDTD/TDTD…/TDTD/TD /TABLE 4.2.2 给表格加上标题 用CAPTION标记给表格加标题，其格式为： TABLE CAPTION 标题 /CAPTION /TABLE 其中： Align = left | center | right | top | bottom Valign = top | bottom 3. 同时跨多列多行表项 P66 4-12 在TH中同时使用colspan和rowspan属性可制作多重表头。格式为： TH rowspan=x colspan=y 其中，rowspan设置表头跨过x列，colspan设置表头跨过y行。 4.2.5 表格的分组显示 1. 按行分组 格式为： TABLE THEAD 题头 /THEAD TFOOT 表尾 /TFOOT TBODY 表体1 /TBODY … TBODY 表体n /TBODY /TABLE 2. 按列分组 格式为： COLGROUP span=x width=y 格式为： COL span=x width=y 作 业 评 讲 习题4-2 用表格的单元格来布局所有的元素 图片作链接 a href=webbook.htm img src=../example/webbook.jpg width=180 height=240 /a 习题4-5 文在图右 “详细”的代码 p align=right a href=../example/c++.htm详细gt;gt; /a /P * 网页设计与制作教程 (第2版) 机械工业出版社 Evaluation only.