HTML快速入门预览.ppt

HTML中的表格 一月 二月 三月 1200 1000 1500 单元格（用TD来表示，每个单元格可以有背景颜色和背景图片） 表格（用Table来表示，表格可以有背景颜色、背景图片） 表格边框 每一行可以用TR来表示，单元格放在行中，每行可以有很多的单元格。 表头（用TH来表示，表头是特殊的单元格，其中的文字加进去之后默认是居中并且加粗） 表格(TABLE)标记--1 table 元素：定义一个表格。每一个表格只有一对table和/table，一张页面中可以有多个表格。 tr元素：定义表格的行，一个表格可以有多行，所以tr对于一个表格来说不是唯一的。 td元素：定义表格的一个单元格。每行可以有不同数量的单元格，在td和/td之间是单元格的具体内容。 需要注意的是：上述的三个元素必须、而且只能够配对使用。缺少任何一个元素，都无法定义出一个表格。 表格(TABLE)标记--2 表格的基本结构 table tr th定义表头/th /tr tr td…/td /tr /table 例：23.htm 表格(TABLE)标记--3 表格的属性 1.width属性：指定表格或某一个表格单元格的宽度。单位可以是%或者象素。 2.height属性：指定表格或某一个表格单元格的高度。单位可以是%或者象素。 3.border属性：表格边线粗细 例24.htm、25.htm、26.htm 表格(TABLE)标记--3 4、bgcolor属性：指定表格或某一个单元格的背景颜色。 5、background属性：指定表格或某一个单元格的背景图片。其属性值为一个URL地址。 例：27.htm 表格(TABLE)标记--3 6、bordercolor属性：指定表格或某一个单元格的边框颜色。 例：28.htm 7、Bordercolorlight属性：亮边框的颜色 8、Bordercolordark属性：暗边框的颜色 例：29.htm 9、align属性：指定表格或某一个单元格里的内容（文本、图片等）的对齐方式。 例：30.htm 表格(TABLE)标记--3 10、cellspacing属性：单元格间距。 例：31.htm 11、cellpadding属性：单元格边距。 例：32.htm 表格(TABLE)标记--4 单元格属性 1、valign属性：指定某一个单元格里的内容（文本、图片等）的垂直对齐方式。垂直对齐方式的属性值包括： top：顶端对齐； middle：居中对齐； bottom：底端对齐; Baseline：相对于基线对齐; 例：33.htm 表格(TABLE)标记--4 2、Colspan：属性值表示当前单元格跨越几列 例：14.htm 3、Rowspan：属性值表示当前单元格跨越几行 例：16.htm 表格(TABLE)标记--5 行属性 1、valign属性：指定某一个单元格里的内容（文本、图片等）的垂直对齐方式。垂直对齐方式的属性值包 top：顶端对齐；middle：居中对齐；bottom：底端对齐。Baseline：相对于基线对齐。 表格(TABLE)标记--5 2、align属性：指定表格或某一个单元格里的内容（文本、图片等）的对齐方式 3、height属性：指定表格或某一个表格单元格的高度。单位可以是%或者象素 表格(TABLE)标记--6 表格的嵌套 在td /td之间插入表格，实现表格嵌套 例：36.htm 表格的作用一般只是控制文本和图像的显示，而不显示表格的边框 例：37.htm 表格(TABLE)标记--7 表格的综合使用 例：38.htm 会移动的文字 基本语法 marquee ... /marquee 例：39.htm 重要相关属性 (1)方向 ：direction=# #=left, right,up,down 例：40.htm 会移动的文字 (2)方式： behavior=# #=scroll(循环), slide(只走一次), alternate(来回走) 例：41.htm (3)循环: loop=# #=次数；若未指定则循环不止(infinite) 例：42.htm 会移动的文字 (4)速度: scrollamount=# 例：43.htm (5)延时: scrolldelay=# 例：44.htm 多媒体页面 用EMBED嵌入多媒体对象 基本语法 ：embed src=URL 注： 使用embed 标记之前，需要安装插件才可以； 对于不同的plugin，其embed属性也不同。 例： 45.htm(Flash动画) 例： 46.htm(rmi音乐文件) 例： 47.htm(avi