chap02XHMTL语言基础

1、 东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础2.1 从html到xhtml2.2 网页文本及标记2.3 使用页面列表2.4 超链接东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室2.5 插入多媒体和表格2.6 表单和框架东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室：应用广泛，使用简单，应用成熟。着重于将文件数据显示在浏览器中。：着重于将文件数据以结构化的形式展示。 rss订阅的基础：以html为范本，依xhmtl的

2、语法重新规范html语言，w3c希望最终能够以xhtml取代html。东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室 实例： 主要规则： 以“”表示标记的开始，以“”表示标记的结束 。 成对标记又称之为容器，一对标记中还可以嵌套其他的标记。 单独标记不需要与之配对的结束标签标记，又称之为空标记，例如 属性设置的一般格式为：属性名属性值，属性值部分可以用英文的双引号（ ）或单引号（ ）引起来，也可以不使用任何引号。 东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章

3、 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室 （1） xhtml文档的基本结构增加了声明文档类型部增加了声明文档类型部分分 增加了命名空间的声明增加了命名空间的声明部分部分 在文档头部分强制要求在文档头部分强制要求声明所用的语言编码声明所用的语言编码 东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电

4、子商务教研室 （2） 代码规范 所有的标记都必须要有一个相应的结束标记。 所有标记的名称和属性的名字都必须使用小写。 所有的标记都必须合理嵌套。 所有的属性值必须用双引号括起来。 把所有的“”和“&”特殊符号用编码表示。 给所有的属性赋一个值。 不要在注释中使用“-”。东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室 doctype声明必须放在每一个xhtml文档的顶部，在所有代码和标记之前。其格式为： xhtml 1.0提供了三种dtd声明可供选择，这三种dtd的名称分别是 ： ：-

5、/w3c/dtd xhtml 1.0 transitional/en ：-/w3c/dtd xhtml 1.0 strict/en ：-/w3c/dtd xhtml 1.0 frameset/en指定dtd的名称。在html文件中所有的控制标记必须以html为根控制标记，所以在dtd声明中elment-name必须是。 指定dtd是属于标准公用的或是私人制定的，若设为public，则表示该dtd是标准公用的，若设为system，则表示是私人制定的。 指定dtd的文件名称。其中的dtd叫做文档类型定义，里面包含了文档的规则 。东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章

6、 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室 文档的内容文档的内容东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室 网页的标题网页的标题 网页的内容网页的内容东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东

7、方学院信息分院电子商务教研室可以实现对网可以实现对网页文本内容的页文本内容的常规编辑。常规编辑。东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室 浏览器会忽略注释标记中的文字而不作显示，注释标记的使用目的是为文中的不同部分加以说明，以方便以后的阅读和修改，注释标记的格式为 结束标记与开始标记可以不在一行上，长度不受限制。东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室 段落：

8、段落标记放在一个段落的头尾，用于定义一个段落。段落标记除了具有标识段落的作用外，还能使本段的前后多一个空行，以区别不同段落。 格式： 换行标记： 由于浏览器会忽略xhtml文档中由键所产生的换行符，若要强制换行可在该位置使用标记。 强制换行标记的格式为： 使用分隔的内容之间是换行不换段， 东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室 段落的属性： 标记有一个属性align， 用来设置段落文字在网页上的对齐方式。 left（左对齐）、center（居中）、或right（右对齐）。默认

9、为left。东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室 一般文章都有标题、副标题、章和节等结构，而网页中的信息可以分为主要点和次要点，可以通过设置不同大小的标题为文章增加条理。 标题文字标记的基本格式为： #用来指定标题文字的大小，#取16的整数值，取1时文字最大，取6时文字最小。 通过align属性来设置标题在页面中的对齐方式：left（左对齐）、center（居中）、或right（右对齐）。默认为left。东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章

10、 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室 在xhtml文档中，有些符号有特殊含义，例如，“”是用来识别标记的，若要在网页中显示“”，就要将其作为特殊字符。 东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室 在页面中插入一条水平标尺线（horizontal rules），可以把不同功能的文字分隔开。基本格式为 。 常见属性 ：属属 性性用用 途途设置水平线的对齐方式，可选值为：设置水平线的对齐方式，可选值为：left、center（默认）、

11、（默认）、right设置水平线的宽度，单位为像素或所在对象大小的百分比，默认设置水平线的宽度，单位为像素或所在对象大小的百分比，默认值为值为100%设置水平线的粗细，以像素为单位，默认为设置水平线的粗细，以像素为单位，默认为2 设置水平线的颜色，由设置水平线的颜色，由ie引进，引进，w3c未规定该属性未规定该属性删除水平线的阴影删除水平线的阴影东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室 （1）特定文字样式标标 记记用用 法法将文本显示为粗体将文本显示为粗体将文本显示为斜体将文本显

12、示为斜体为文本添加下划线，尽量避免使用，易与链接混淆为文本添加下划线，尽量避免使用，易与链接混淆为文本添加删除线（不推荐）为文本添加删除线（不推荐）将文本显示为比正常字体大将文本显示为比正常字体大将文本显示为比正常字体小将文本显示为比正常字体小用于将文字缩小后显示于上方用于将文字缩小后显示于上方用于将文字缩小后显示于下方用于将文字缩小后显示于下方使文本强调或突出于周围文本，通常加粗显示使文本强调或突出于周围文本，通常加粗显示使文本以强调方式显示，通常以斜体显示使文本以强调方式显示，通常以斜体显示东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东

13、方学院信息分院电子商务教研室东方学院信息分院电子商务教研室 （2）字体标记 虽然字体标记被w3c列为不建议使用的标记，但在非标准网页仍大量使用。字体标记的格式为 size用来设置文字的大小。取值范围从17，取1时最小，7最大。 face用来设置字体。当字体为汉字时，属性face中的“字体名”可以是word中的“字体”工具栏中显示的字体名。 color用来设置文字颜色。颜色可以用相应英文单词或以“#”引导的一个十六进制代码来表示。东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础部分颜色说明black | 黑色 | red | 红色 line |

14、石灰色 | maroon | 栗色 gray | 灰色 | silver | 银白色 navy | 海军蓝 | olive | 橄榄绿 purple | 紫色 | yellow | 黄色 aqua | 浅绿色 | blue | 蓝色 green | 绿色 | fuchsia | 紫红色 white | 白色 | teal | 暗蓝绿东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室 滚动字幕的基本格式为 标记中可以设置的属性包括：direction（方向）、behavior（方式）、lo

15、op（次数）等 。属属 性性 名名用用 途途取值范围及说明取值范围及说明设置字幕的滚动方向设置字幕的滚动方向left/right/up/down设置字幕的滚动方式设置字幕的滚动方式scroll 字幕单向滚动；字幕单向滚动；slide 字幕到达边界停止；字幕到达边界停止；alternate 字幕到达边界后反向滚动字幕到达边界后反向滚动设置字幕的循环次数设置字幕的循环次数正整数正整数-1或或infinite时为无限循环时为无限循环设置字幕一次滚动的距离设置字幕一次滚动的距离取值为正整数（单位：像素），取值越大，速度越取值为正整数（单位：像素），取值越大，速度越快快设置字幕滚动两次之间的设置字幕滚动

16、两次之间的延迟时间延迟时间ie默认为默认为60（单位：毫秒），（单位：毫秒）， 取值越大，移动越慢取值越大，移动越慢（小于（小于60，ie仍默认为仍默认为60）东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础 其余属性hspace设置字幕左边的空白空间设置字幕左边的空白空间取值为像素数取值为像素数vspace设置字幕上方的空白空间设置字幕上方的空白空间取值为像素数取值为像素数align按设定的值对齐滚动的文本按设定的值对齐滚动的文本left/center/right/top/bottombgcolor设置字幕的背景色设置字幕的背景色取值为颜色名

17、或取值为颜色名或16进制颜色值进制颜色值width设置字幕的宽设置字幕的宽取值为像素数或相对于窗口宽的取值为像素数或相对于窗口宽的百分比百分比height设置字幕的高设置字幕的高取值为像素数取值为像素数东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础2.2 网页文本及标记练习题 搜索关于中秋节的文字素材，并根据本节所学的各种标记来编辑一张中秋节网页，使得页面条理清晰，重点突出，易于阅读。东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室东

18、方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室 当网页内容出现并列选项时，可采用无序列表（unordered list，也称项目列表）。无序列表的每一个表项的前面是项目符号（如、等符号）。无序列表始于标记。每个列表项始于标记。 无序列表的使用格式为：东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础 在默认情况下，无序列表的项目符号是圆点，可以通过设置或标记的type属性来更换项目符号的形式。 “disc”（实心圆点） “circle”（

19、空心圆点） “squre”（方块） 将type属性添加到标记内，所有的项目列表都采用相同的项目符号。 将type属性添加到li标记内，它只能改变当前列表项的项目符号，通过这种方法可为列表内的项目设置不同的项目符号。东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室 当网页中的某些内容存在排序关系时，可采用有序列表（ordered list，也称编号列表）。有序列表的每一个表项的前面带顺序号。 有序列表的使用格式为：东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 x

20、hmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础 当网页中需要复合层次的列表效果时，就可以通过对已有的列表标记进行适当的嵌套使用来实现 。东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础2.3 练习 在1.2节关于中秋节的网页基础上，在网页的适当内容处添加有序和无序列表或者2者的嵌套。东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东

21、方学院信息分院电子商务教研室东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室 基本的超链接包括两个部分：链接源和链接目标。xhtml 使用（锚）标记来创建超链接，其最基本的格式为： target属性：标记还具有target属性，用来设置单击超链接后在浏览器中打开链接目标的方式。 如在同一个窗口中打开目标页面（默认） 在新窗口中打开目标页面（_blank）等。 根据链接目标，超链接可以分为url链接、本地链接和一些特殊功能的链接。东方学院信息分院电子商务教研室东方学院信息分院电子商务教研

22、室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室 指的是本地站点以外文档的链接 。 创建url链接时，需要给出url链接完整的网址。例如： 关于url地址的概念 东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础url地址统一资源定位器统一资源定位器，又叫做，又叫做url(uniform resource locator)，是专，是专为标识为标识internet网上资源位置而设置的一种编址方式，网上资源位置而设置的一种编址方式，是互联网是互联网的文件命名系统的文件命名系统。只要给出文件的只要给出

23、文件的url地址，就能在地址，就能在internet信息海洋中准确无误信息海洋中准确无误地定位该文件，就象是一个地定位该文件，就象是一个全球定位器。全球定位器。url的一般语法格式为的一般语法格式为: 东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础协议名称是属于协议名称是属于tcp/ip的具体协议，可用的具体协议，可用http、ftp、telnet、file等等 http:/表示用表示用http(hypertext transfer protocol)协议连通协议连通www服务器服务器 ftp:/表示用表示用ftp(file transfer

24、 protocol)协议来连通协议来连通ftp服务器，此时，服务器，此时，hostdnorip项前还可以加上用户名项前还可以加上用户名(userid)和密码和密码(passwd)，即，即url的具的具体格式形如体格式形如 ftp:/userid:passwdhostdnorip:port/path/file 载入本机文件，其载入本机文件，其url为：为：file:/driver:/path/file （绝对地址）（绝对地址）例如：例如：http:/ xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室 在一台机器上对不同文件进行链接叫本地链接。 为了便于网站的

25、发布及维护，要养成将所有本地的链接目标都放置在站点指定目录下的习惯，学会文件管理。例如： 东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础 采用相对路径（或相对地址）的方式实现各种本地链接 链接和当前页面同级的文件地址只要用“文件名”即可； 链接当前页面下级子目录下的文件用“目录名/文件名”； 链接当前页面上一级目录下的文件用“./文件名”；链接同级但在另外一个子目录中的文件用“./目录名/文件名”；东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础实例实例若当前位置在：若当前位置在：则则file

26、:/f:/ykz/web/music/music_index.htmmusic/music_index.htm东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础在网站中提倡用相对地址，为什么？ 例如，若有一个index.htm，其间引用了images目录的一些图片。 如果使用相对地址，搬家的时候只需把原来这些文件全部上传到新的空间即可，因为文件彼此之间的相对位置关系没有改变，所以这些地址仍然是有效的。 但如果插入图片的时候使用了绝对地址，那空间地址一变，引用处的图片路径也要随之改变。当然，有时也会用到绝对地址，例如友情链接别人的主页等等。 东方学

27、院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室 （1）书签：在内容较多的网页内建立内部链接时，它的链接目标不是其他文档，而是网页内的其他位置，也叫做书签。 定义书签的格式为 或为了能够兼容更多的浏览器，一般建议在书签的定义中同时使用name和id属性，并且设为相同的属性值，即同一个书签名称。 在默认情况下，它将跳转到页面的顶部 东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室 （2

28、）链向书签的超链接： 同一个网页中书签链接的格式为 如果链接指向其他文件的某一部分，格式为 ：这里的目标文件的地址，可以是相对的，也可以是绝对的。这里的目标文件的地址，可以是相对的，也可以是绝对的。例如：例如：东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室 （3）空链接特殊的书签链接： 格式为 在默认情况下，它将跳转到页面的顶部 。 在页面设计初期，当链接目标不确定时可以使用空链接；或者链接的目标本身就是当前网页，也用空链接。东方学院信息分院电子商务教研室东方学院信息分院电子商务教研

29、室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室 如果链接到的文件不是xhtml文件，而是作为下载的文件，其格式为 指向电子邮件链接的格式为 也可以增加设置邮件主题的subject属性，其格式为东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础2.4 建立超链接链习 （1）建立新页面，新页面为中秋网页内容的目录 （2）在上面建立的新页面各个条目上建立超链接，使之转向中秋网页对应位置的内容。 （3）在网页下方建立电子邮件链接，单击链接后用户可以给自己发送邮件。东方学院信息分院电子商务教研室东方学院

30、信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室 在网页中使用的图像格式一般为gif、jpeg和png。xhtml使用标记在网页中插入图像，其基本格式为： 图像也可以做成超链接的链接源，方法与文本超链接类似，只要将特定图像的标记放置在超链接标记之间，并在标记中指明链接目标就可以了，其格式为东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmt

31、l语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室 属性：属属 性性用用 途途src设置图片来源设置图片来源width设置以像素为单位的图片宽度设置以像素为单位的图片宽度height设置以像素为单位的图片高度设置以像素为单位的图片高度hspace设置以像素为单位的图片左右两侧空白空间的大小设置以像素为单位的图片左右两侧空白空间的大小vspace设置以像素为单位的图片上下两边空白空间的大小设置以像素为单位的图片上下两边空白空间的大小align设定图像与文本混合排版时图片的水平（环绕方式）或垂直（对齐方式）设定图像与文本混合排版时图片的水平（环绕方式）或垂直（对齐方式）

32、方向的位置。可选值有：方向的位置。可选值有： left（默认）、（默认）、right 、top、middle、bottomalt用于描述图片的文字，若使用的浏览器不能显示该图片时，这些文字将会用于描述图片的文字，若使用的浏览器不能显示该图片时，这些文字将会代替图片被显示。若浏览器显示了该图片，当鼠标移至图上该文字也代替图片被显示。若浏览器显示了该图片，当鼠标移至图上该文字也会显示会显示border设置以像素为单位的图片边框尺寸（设置以像素为单位的图片边框尺寸（0将不显示边框）将不显示边框）东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东方学院

33、信息分院电子商务教研室东方学院信息分院电子商务教研室 使用标记嵌入音视频文件的基本格式为属属 性性用用 途途src设置多媒体文件来源设置多媒体文件来源width设置控制面板的宽度，单位为像素或百分比设置控制面板的宽度，单位为像素或百分比height设置控制面板的高度，单位为像素或百分比设置控制面板的高度，单位为像素或百分比autostart设置是否要自动播放多媒体文件，设置是否要自动播放多媒体文件，true自动播放，自动播放，false需要单击需要单击“播放播放”按钮按钮才播放。默认为自动播放。才播放。默认为自动播放。loop设置播放重复次数，设置播放重复次数，n表示重复表示重复n次（如次（如

34、3次），次），true表示无限次播放，表示无限次播放，false表表示播放一次即停止。默认播放一次。示播放一次即停止。默认播放一次。hidden设置是否隐藏控制面板，设置是否隐藏控制面板，true为隐藏，为隐藏，no为否为否type指定多媒体的播放类型，如指定多媒体的播放类型，如type=application/x-shockwave-flash表示播放的表示播放的类型为类型为flash文件文件东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室 对于ie浏览器，有一个专用的背景音乐标记，

35、其基本格式为 还有一个属性为loop，用来设置播放的次数，取值为数字，而不再有true或false的取值。如需要无限制的重复播放，只需将loop设置为-1即可。 用设置的背景音乐有两个特点： （1）只适用于在ie浏览器中播放背景音乐； （2）当页面窗口最小化时，就会暂停播放背景音乐，直到重新还原或最大化窗口时才继续播放。 东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础2.5 练习 为自己的中秋网页选择合适的图片并插入 选择合适的背景音乐并插入（注意，选择midi格式的音乐）东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章

36、 xhmtl语言基础语言基础东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础2.6 表格(1) 表格标记 、（定义行）、（定义表头单元格）、（定义普通单元格）(2) 表格的基本结构 第1行第1列表头内容 第1行第2列表表头内容 第1行第1列单元格内容 第1行第2列单元格内容 东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础 （1）表格的宽和高 width：指定整个表格表格某一行某个单元格的宽度，单位可以是百分比（）也可以是像素（px）。

37、 height：指定整个表格表格某一行某个单元格的高度，单位可以是百分比（）也可以是像素（px） 。 （2）边框及其颜色 border：设定边框粗细 bordercolor：设定边框颜色2.6 表格东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础 （）背景颜色和背景图像 bgcolor background （）对齐方式 align：left/center/right valign：top/middle/bottom/baseline （仅行和单元格） （）间距（单元格间的距离）和边距 （）单元格跨越的行数和列数 colspan rowspan

38、2.6 表格东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础 可以利用表格很好地来划分内容区域，使各种文字、图片按照要求整齐地摆放在一起，形成一个整体 。2.6 表格东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础2.7 表单 用于实现与服务器端的交互。如上网注册时用于填写个人资料，而后按递交按钮，这样，服务器即可处理递交的信息，这个页面即为表单。主要包括：、等标记。东方学院信息分院电子商务教研室东方学院信息分院电子商务教研室第第2章章 xhmtl语言基础语言基础2.7 表单2.7.1 标记 围堵标记，所有其他的表单标记应写作标记包含的范围内。 主要属性：action：值为url，指向处理表单的程序。method：设定数据的传送方式。get或：设定表单的名字，