网站设计与建设-第10章_HTML基础.pptVIP

普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材 山东大学计算机科学与技术学院 《 网 站 设 计 与 建 设 》 《 网 站 设 计 与 建 设 》 普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材 山东大学计算机科学与技术学院 第10章 HTML基础 HTML简介 HTML标准及版本历史 网页的可访问性 HTML标记与属性 HTML中的超链接 HTML的扩展 概 述 1.HTML简介 什么是HTML？ 超文本标记 语言 不是编程语言 超链接 纯文本文档 不提供数据访问 支持超媒体 Web浏览器解释 .html或.htm后缀 // HTML文档实例结果显示 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title无标题文档/title /head body 这是一个最简单的网页 /body /html 2.Web浏览器工作方式 HTML中的标记用来描述文档的结构、数据的显示格式和建立超级链接等。 HTML主要描述信息的显示样式；动态语言处理业务逻辑。 用户访问网站时，将会把网页下载到本地计算机中，然后通过客户机器上的浏览器将文档解释为网页并在浏览器窗口中显示出来。 Web浏览器：解释超媒体文档。 标准HTML在各浏览器会产生同样效果，但浏览器一般采用技术和标准不尽相同，因此效果略有不同。 3.HTML标准及版本历史 HTML标准： 用以解决兼容问题 由W3C负责制订 不同版本支持的技术不同 HTML标准的版本历史 第一版——1993年6月草案（并非标准） HTML2.0：1995年11月发布 HTML3.2：1996年1月14日，表格、框架 HTML4.0：1997年12月18日，CSS，开访问性 HTML4.01：1999年12月24日，XHTML HTML 5.0最新草案——2008年1月22日发布，支持HTML和XHTML。 4.网页可访问性 网页可访问性 保证网页的无障碍访问 由W3C提出倡议 辅助技术的应用 网页内容可访问性指南 W3C的推荐标准 14个具体方针 5.HTML标记 HTML标记：以“”开始，以“”结束。标记内容描述了不同对象的属性，如字体、颜色、大小、位置等。 用来标记文本 分为单标记和双标记（成对出现） 通过属性扩展HTML元素的描述能力 第一个标记是html标记HTML文件的头。 最后一个标记是/html，表示HTML文件到此结束。 head和/head之间是文档头部信息。头部信息在浏览器中看不到。 body和/body之间为信息的正文。 6.HTML中的超链接 超链接是HTML一个很重要的特色。 超链接格式： a href=”URL”被链接的文本或图象/a 内部链接与外部链接 内部链接：本地链接与页内跳转 链接路径：绝对路径与相对路径。推荐“相对路径”，避免更换盘符或目录时找不到引用位置。 书签：链接指向同一个文件内部的某个位置 定义书签：a name=”书签名”书签文本或图象/a 引用书签：a href=”#书签名”被链接的文本或图象/a 7.HTML的缺陷 文本格式的局限 缺乏对布局控制的能力 无法动态改变页面内容 交互困难 适应性差：不能在计算机和手机、PDA以及智能家电中统一编写网页 不能访问数据库 8.HTML的扩展 动态HTML： DOM（文本对象模型） CSS（层叠样式表） Script（脚本语言，如VBScript和JavaScript） XML：元标记语言 XHTML：使用XML语法对HTML重新阐述的语言，是HTML的一个最新版本。 其他标记语言：UIML、XForm、XIML、XAML HTML简介 HTML标准及版本历史 网页的可访问性 HTML标记与属性 HTML中的超链接 HTML的扩展 第10章 小结 * 结束 10.1 什么是HTML？它的特点是什么？ 10.2 常见的HTML解释器有哪些？ 10.3 什么是HTML标准？ 10.6 简述什么是网页可访问性。 10.10 写一个HTML文件，要求里面分别有外部链接和页内跳转。 10.13 为什么在网页设计中应该使用的是相对路径而不是绝对路径？ 第10章 思考问题 返回 返回 * 普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材 山东大学计算机科学与技术学院 《 网 站 设 计 与 建 设 》 《 网 站 设 计 与 建 设 》 普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材 山东大学计算机科学与技术学院 *