网站设计与建设10.ppt

网 站 设 计 与 建 设Website design and developments 10．1 HTML简介 1．什么是HTML Hypertext Mrakup Language（超文本标记语言） 用于描述超文本中内容的显示方式。 这些内容的描述都是通过HTML标记来完成的。 HTML的一个重要特点是超级链接（hyperlink 一个HTML文件的后缀名是.html或者是.htm HTML是一个纯文本格式的ASCII文件 2．HTML的历史 SGML（standard generalized markup language，标准通用标记语言）语言， 于1986年获得国际标准化组织的批准。这种语言是为了在各种网络环境之间、不同文件格式之间进行交流而使用的一种语言格式。它的文件格式标准化，并统一使用标记符号（tag）对文件的内容进行标记。 HTML于1991年问世，它是SGML的一个子集。 HTML是一种有前后关系格式化的语言，因此在HTML中除了包含文本内容，还包含通常是成对出现的标记。 标记是包括在尖括号中的文本，为HTML的解释器提供指令。 3．HTML的工作方式 下载 浏览器将文档解释为网页并在浏览器窗口中显示出来。 标准HTML能在不同浏览器上产生同样的效果 HTML并不能精确地定义文档信息如何显示和排列，而只是建议浏览器应该如何显示和排列这些信息 4．HTML的解释器 Netscape Navigator Microsoft Internet Explorer 其他 10．4 HTML标记与属性 html head titleTitle of page/title /head body This is my first homepage. bThis text is bold/b /body /html HTML元素通常用标记表示。 标记分为单标记和双标记两种。 br，它表示换行 标记以“”开始，以“”结束。 HTML的标记不区分大小写。 !--注释内容/!-- 标记属性 属性具有扩展HTML元素的能力。 属性设置通常由属性名和属性值成对出现来构成，普通形式是name=”value”。 body bgcolor=“yellow” 引号不对，出问题 表10.1 HTML的常用标记 P215 10．5 HTML中的超链接 格式：a href=”URL”被链接的文本或图象/a 超链接 外部链接 内部链接 跳转到本网站的另一个网页也叫做本地链接； 绝对路径，相对路径 跳转到本网页的另一个位置，也叫做页内跳转 a name=”书签名”书签文本或图象/a a href=”#书签名”被链接的文本或图象/a。 10．2 HTML标准及版本历史 1．HTML标准 World Wide Web Consortium，W3C， HTML标准定义了构成HTML语言的每一个独立元素以及这些元素是指示如何在浏览器中显示HTML文档中的指令和标记符。 这一标准确保在不同的浏览器和计算机平台上超文本显示的一致性。 并非强制而只是推荐标准。 2．HTML标准的版本历史 ①HTML1.0和2.0 HTML 1.0版本 ，测试 HTML 2.0——1995年11月发布 ②HTML 3.2 表格（Table） 图（Figures） 框架（Frames） 数学等式（Mathematical Equations） 改进的标记符（Improved Tags） ③HTML 4.0 样式表（Style Sheet） 国际化特征（Internationalization Features） 访问特征（Accessibility Features） 增强的表格和表单（Enhanced Tables and Forms） 脚本和多媒体（Scripting and Multimedia） Transitonal：使用但不依赖CSS Strict：摆脱结构化标注，使用CSS格式化字体、颜色、布局。 Frameset：使用框架 HTML4.01 1999，支持XHTML Extensible Hypertext Markup Language 是XML与HTML4.01的结合体 分离的结构和表达：将HTML展示元素放入样式单中 考虑Web的通用可访问性：在不同平台上生成文档(例如语音，使残疾人可访问WWW) 帮助用户代理增强解释功能：处理和解释表格。用户代理是基于语音的阅读器和听觉有障碍的助听器 XHTML 1.0 HTML 5.0 10．3 网页的可访问性 WAI：Web Accessibility Initiative WAI目标：确保Web核心技