网页设计与制作HTML.ppt

HTML的基本语法和语义是由HTML当前的最后版本4.01版定义的,HTML已经不再继续发展.使用任何文本编辑器都可以编写HTML和XHTML 大多数标签都有一个开始标签和一个结束标签,标签影响的范围就是它们之间的内容.在HTML中没有相应的结束标签的标签有:area、 base、br、hr、 col、img、frame、 input、link、meta、param但是对XHTML，结束标签是必需的 注释是另外一种文本内容，它出现在HTML源文档中，但浏览器并不显示它们。注释都放在特殊的“!--”和“--标记元素中间。浏览器将忽略这段注释文本。 ＨＴＭＬ标签 form标签 表单(form)是由一个或多个文本输入框、可单击的按钮、多选框组成的，下拉菜单和图像映射组成的，所有这些都放在form标签中。一个文档中可以包含多个表单，而且在每个表单中可以放置通常的主体内容，包括文字和图像在内。文字可以为用户提供表单元素标记以及各种提示和指示，告诉他们该如何填写表单。这时候的文字非常有用。并且在不同的表单元素中，还可以用JavaScript事件处理器来实现多种效果，比如检验和证实表单内容及计算流量等。 用户首先要填写表单中的不同字段，然后单击特殊的“提交(Submit)”按钮(或者有时候可能是按Enter键)将表单提交给服务器。浏览器会将用户提供的数值和选项数据打包，将它们发送给某台服务器。服务器通常会将信息传递给一个能够处理这些信息的支持程序或应用程序，并产生一个HTML形式的回应. 功能：定义表单 属性： accept-charset action class dir encrypt lang Method name style target title onClick onDblClick onKeyDown onKeyPress onKeyUp onMouseDown onMouseMove onMouseOut onMouseOver onMouseUp onReset onSubmit ＨＴＭＬ标签 form标签 action属性 form标签中必需的action(动作)属性说明了接收和处理表单数据的应用程序的URL。大多数表单处理应用程序放在Web服务器上某个特定的目录下，这个目录的名称通常为cgi-bin form action=/cgi-bin/update ….. /form 其中的URL告诉浏览器要联系域中名为www的Web服务器，并把用户表单的值传递给cgi-bin目录中的update(更新)应用程序，从而进行处理。 method属性 除了action之外，form标签中另一个必需的属性method可以设置方法，而浏览器则用这些方法将表单中的数据传送给服务器进行处理。共有两种方法;POST方法和GET方法。 如果采用POST方法，浏览器将会按下面两步来发送数据。首先，浏览器将与action属性中指定的表单处理服务器建立联系，一旦建立起连接之后，浏览器就会按分段传输的方法将数据发送给服务器。 另一种情况是采用GET方法，这时浏览器会先与表单处理服务器建立连接，然后直接在一个传输步骤中发送所有的表单数据:浏览器会将数据直接附在表单的action URL之后，这两者之间用问号来进行分隔。 ＨＴＭＬ标签 form标签 form method=GET action=/cgi-bin/update /form 可以采用GET方法来发送只有少数简短字段的小表单。 对那些有许多字段或是有很长的文本域的表单来说，就应该采用POST方法来发送。 明确传递参数 http://www.kumquat .com/cgi-bin/update?x=27y=33 a href=/cgi-bin/update?x=19y=104 input标签 HTML 4.0和XHTML标准中引入了表单“控件”，对于大量通常的表单控件，可以使用input标签来进行定义，其中包括文本字段、多选列表、可单击的图像和提交按钮等。虽然input标签中有许多属性，但是对每个元素来说，只有type和name属性是必需的(而提交或重置按钮只有type属性)。 属性： accept accesskey align alt border checked class dir disabled lang maxlength name size src style tabindex title type usemap value readonly ＨＴＭＬ标签 input标签-事件属性 onBlur onChange onClick onDbliClick onFocus