网站设计与建设10.pptxVIP

与建设 sign and nts 网站设计 Website de developme 第三部分 网站设计技术 第10章 HTML基础 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 · 其他 html head titleTitle of page/title /head body This is my first homepage. bThis text is bold/b /body /html ■ HTML元素通常用标记表示。 ■ 标记分为单标记和双标记两种 。 · br ， 它表示换行 ■ 标记以“ ”开始 ， 以“ ”结束。 ■ HTML的标记不区分大小写。 ■ !--注释内容/!-- 10． 4 HTML标记与属性 ■ 标记属性 · 属性具有扩展HTML元素的能力。 · 属性设置通常由属性名和属性值成对出现来构 成 ， 普通形式是name= ”value ”。 ■ body bgcolor=“yellow ” ■ 引号不对 ， 出问题 ■ 表10. 1 HTML的常用标记 · P215 ■ 格式： a href= ”URL ”被链接的文本或 图象/a ■ 超链接 · 外部链接 · 内部链接 ■ 跳转到本网站的另一个网页也叫做本地链接； · 绝对路径 ， 相对路径 ■ 跳转到本网页的另一个位置 ， 也叫做页内跳转 · a name= ”书签名 ”书签文本或图象/a · a href= ”#书签名 ”被链接的文本或图象/a。 10． 5 HTML中的超链接 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格式化字体