第2章 HTML精要.pptVIP

例 2-4 图像标签的应用，HTML网页代码如下： head title图像与文本的对齐方式/ title /head body img align=middle src=images/Koala.jpg width=180 height=95 border=0 /考拉 img align=top src=images/Lighthouse.jpg width=180 height=95 border=0 /灯塔BR img align=bottom src=images/Penguins.jpg width=180 height=95 border=0 /企鹅 img align=lift src=images/Tulips.jpg width=180 height=95 border=0/郁金香 /body html代码运行结果如图所示： 5.表格标签 表格标签主要包含的标签有table、caption、th、tr、td、thead、tfoot、tbody、col、colgroup，每个标签的介绍如下： table： 定义表格，table标签可定义表格。在 table 标签内部，你可以放置表格的标题、表格行、表格列、表格单元以及其他的表格。 tr ：定义表格的行。 td ：定义一个单元格 caption： 定义表格标题，caption 标签可定义一个表格标题。caption 标签必须紧随 table 标签之后，并且只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。 colgroup： 定义表格列的分组，可以对列进行组合以便进行格式化。此标签只有在 table 标签内部才是合法的。 例 2-5 表格标签的应用 bodytable border=1 cellpadding=1 cellspacing=1 caption定义表格标题/caption colgroup span=1 style=background:#DEDEDE;/ colgroup span=2 style=background:#EFEFEF;/ !-- 表头部分-- thead tr th colspan=4表头标题 /th /tr /thead !-- 表体部分-- tbody tr td rowspan=2导航部分/td td第一行第一列/tdtd第一行第二列/tdtd第一行第三列/td /tr tr td第二行第一列/tdtd第二行第二列/tdtd第二行第二列/td /tr /tbody !-- 表尾部分-- tfoot tr td colspan=4 align=center表尾部分/td /tr /tfoot /table/body html代码运行结果如图所示： 6.表单标签 （1）表单标签form的常用属性 Action：该规定当提交表单时，向何处发送表单数据。 method=： 该属性规定如何发送表单数据（表单数据发送到 action 属性所规定的页面）。如果采用 POST 方法，浏览器将与 action 属性中指定的表单处理服务器建立联系，一旦建立连接之后，浏览器就会按分段传输的方法将数据发送给服务器。用户特定的服务器会明确指定应用程序应该如何接受这些参数。 采用 GET 方法，直接在一个传输步骤中发送所有的表单数据：浏览器会将数据直接附在表单的 action URL 之后。这两者之间用问号进行分隔。 POST 方法和 GET 方法的选择规律： 在表单处理服务器既支持 POST 方法又支持 GET 方法的情况下： 1）发送数据的内容方面考虑 2）安全方面考虑 3）调用服务器端的应用程序方面考虑 （2）表单标签form的常用事件 Onsubmit：该属性指定当提交表单时发生的内部事件； Noreset：该属性指定在重新设置表单时发生的内部事件； （3）表单的组成部分 表单的组成部分基本上由一些HTML文本标签组成，这些标签的定义、功能等在前面已经做了详细描述。 1）文本框标签 2）下拉列表标签： 3）文本区域标签： 4）标签类型标签 例 2-6 表单标签的应用 HTML网页代码如下： head title html示例3.7 /title /head body form action= name= method=post table border=1 trth colspan=2信nbsp;nbsp;息nbsp;nbsp;统nbsp;nbsp;计nbsp;nbsp;表/th /tr trtd姓名:/td td input type