第2章HTML及XML基础.pptVIP

Web程序设计 主讲：林福平 太原理工大学 计算机学院 第2章 HTML及XML基础 本章主要内容： ? 标记语言的发展历程 ? HTML网页实例 第2章 HTML及XML基础 2.1 标记语言的发展历程 2.2 超文本标记语言HTML 2.3 扩展标记语言XML 2.4 小结 第2章 HTML及XML基础 Web网页是用HTML和XML标记语言书写的具有特定格式的文档。 2.1 标记语言发展历程 标记语言发展历程： IBM GML（通用标记语言） SGML（标准通用标记语言） HTML XHTML XML DHTML SHTML HTML5 2.1 标记语言发展历程 HTML是什么？HTML是用于描述网页结构的语言。 HTML的作用： 用标题、文本、表格、列表和照片等等发布在线文档 通过超文本链接，点击按钮等可以获得在线信息 设计表单由远程服务执行交易、为用户搜索信息、预订、订购产品等等 文档中显示电子表格、视频片段、音频片段以及其他应用 2.2 超文本标记语言HTML HTML语言文本文件（文档）的后缀（扩展名）是.html或.htm。 生成HTML文档的方法： 手工编写（使用文本编辑器或其他HTML编辑器） 使用文档转换工具，将其他文档转换成HTML文档，例如从Word文档转换生成HTML文档 由Web服务器（或成HTTP服务器）实时动态生成 2.2 超文本标记语言HTML HTML语言文件的页面结构： 所有文本包含下标签html和/html之间 由两部分组成，按顺序，一是标签head，二是标签body head和/head是HTML文件的头部标签 title和/title是嵌套在head标签中，用于指定文本的标题，该标题显示在浏览器的标题栏中 body和/body是HTML文件的正文标签 标签是以x开始，/x结束，成对出现；x是标签名；如果标签开始与结束之间没有内容，也可以写为x …… /；标签可以有若干拥有值的属性。 2.2 超文本标记语言HTML 常用标签（书写在body标签内部）： p标签，标记段落 h标签，标记标题；有h1到h7，依次从大到小 br标签（也写为br/），标记换行 a标签，是文本标签，标记超链（属性href） img标签，插入图像标签 2.2 超文本标记语言HTML 编写HTML实例之前，需要了解HTML的编码规范。 遵循编码规范，才能够编写出简洁高效的网页。 Bootstrap编码规范（/） 2.2 超文本标记语言HTML 实例：例2.1—例2.20。 2.2 超文本标记语言HTML 表单是HTML的一个重要部分，主要用于采集和提交用户输入的信息。 表单的关键点： 表单控件（Form controls），输入文本等信息。典型的例子是登录界面，需要输入用户名、密码和验证码以及有关选项。 表单中的action，指明处理表单的信息。例如，搜索条。 表单中的method，可选的有get和post两种。get用于从服务器获取信息，安全性差；post用于向服务器提交信息，安全性高。 参见搜索条实例。 2.2 超文本标记语言HTML 框架（略）： 参见pp47-49及实例 2.2 超文本标记语言HTML 图像（略）： 参见pp49-51及实例 2.2 超文本标记语言HTML 文本格式（略）： 参见p51 表2-2及实例 2.2 超文本标记语言HTML HTML注释，例如（”!—”开始，”--”结束）： !– 这是注释 -- 2.2 超文本标记语言HTML 修饰字体：参见pp52-53 这种写法是不常见的，常见的是使用CSS。 注意：一般而言要用CSS来指定字体风格等。实际不论用什么办法，只要达到效果就可以，只是代码有可能不够简洁。追求简洁的代码是程序员努力的目标。 2.2 超文本标记语言HTML 网页设计实例： CSS3_five 作业：根据该实例，找到原官网，下载一个模板，设计实现一个个人主页（形式可以套用，内容必须是自己的）。 2.3 扩展标记语言XML XML是什么？ 可扩展标记语言（XML）是一个简单的基于文本的格式，用于表示结构化的信息，包括文件、数据、配置、书籍、交易记录、发票等等。它是从SGML衍生出来的，更适用于Web。 2.3 扩展标记语言XML XML用途是什么？ 当今，XML是一种用途最为广泛格式，用于程序之间、人与人之间、计算机与人之间，跨越网络的局地之间共享结构化的信息。 2.3 扩展标记语言XML XML应用领域： 安全，例如：XML签名、XML加密和XKMS（秘钥管理规范） 出版，格式化对象 高效数据交换（E