HTML相关技术基础知识幻灯片.ppt

第三章 HTML相关技术基础知识 纵观各种动态页面开发技术，无论是JSP、ASP还是PHP都无法摆脱HTML的影子。这些动态的页面开发技术无非是在静态HTML页面的基础上添加了动态的可以交互的内容。HTML是所有动态页面开发技术的基础。在接下来的章节将要详细介绍的就是HTML相关的一系列技术，包括HTML、JavaScript和CSS。其中HTML是一组标签，负责网页的基本表现形式；JavaScript是在客户端浏览器运行的语言，负责在客户端与用户的互动；CSS是一个样式表，起到美化整个页面的功能。本书不是详细介绍HTML的专著，在本章也只是讲解Web开发中最常见的HTML知识，目的在于使读者能尽快进入Web开发的状态。如果读者有更深层次的需求可以参考专门讲解HTML的书籍。 3.1 HTML 基础知识 在各种Web开发技术中，HTML无疑是最为基础的。任何动态语言都离不开HTML的支持。所以在开始Web开发的学习之前，读者还是需要静下心来打好这个基础。在这个章节中将会概述HTML的框架知识。 3.1.1 什么是HTML HTML（Hyper Text Markup Language）即超文本标记语言，用来描述Web文档数据。用户可以通过URL链接来访问这种Web文档，从而达到信息展示、信息共享的目的。 3.1.2 HTML运行原理 前面介绍HTML定义的时候就说过，HTML是一种标记语言，每一种HTML标签都是有一定表现含义的。浏览器就是按照HTML标签的语义规则把HTML代码翻译成漂亮的网页。 3.1.3 常用的HTML标记 表单 (form) 文本框 (text) 文本区域 (textArea) 单选按钮 (Radio) 复选框 (checkbox) 下拉列表框 (select) 按钮 (submit) 表格 (table、tr、td) 超级链接 (a) 1. 表单 (form) 2. 文本框(text) 3. 文本区域 (textArea) 4. 单选按钮 (Radio) 5. 复选框 (checkbox) 6. 下拉列表框 (select) 7. 按钮 (submit) 8. 表格 (table、tr、td) 9. 超级链接 (a) table width=300 border=1 cellspacing=1 cellpadding=1 tr align=center  td第一行第一列/td td第一行第二列/td /tr tr align=center td第二行第一列/td td第二行第二列/td /tr /table 3.1.4 HTML表单标签 前面讲述的都是HTML向用户展示信息的标签，在本节要介绍的内容就是HTML用来收集用户输入的标签。form/form是表单标签，只有在这个标签中的用户输入才会被提交给服务器。表单标签的使用方法类似下面这种格式。 表单提交数据get与post的区别 都能实现提交数据，用get会重写url把提交的数据加到地址上，所以提交的数据不能超过2kb；但post就直接提交数据，所以并没有限制提交的数据量。 form action= method=post 用户名：input type=text name=userName/inputbr 密码：input type=password name=password/inputbr 重新输入密码:input type=password name=rePassword/inputbr 性别：input type=radio name=sex value=男男 input type=radio name=sex value=女女br 出生日期：select name=birth option value=0－请选择－/option option valueoption option valueoption option valueoption option valueoption option valueoption