标记语言与网页制作.ppt

标记语言与网页制作.ppt

《标记语言与网页制作.ppt》由会员分享，可在线阅读，更多相关《标记语言与网页制作.ppt（65页珍藏版）》请在冰豆网上搜索。

大学计算机基础高等教育出版社大学计算机基础高等教育出版社ISBN:

978-7-04-024268-3普通高等教育普通高等教育“十一五十一五”国家级规划教材国家级规划教材大学计算机基础大学计算机基础第第1章章计算机基础知识计算机基础知识第第2章章操作系统操作系统第第3章章办公自动化软件办公自动化软件第第4章章多媒体技术及其应用多媒体技术及其应用第第5章章计算机网络基础计算机网络基础第第6章章互联网及其应用互联网及其应用第第7章章标记语言与网页制作标记语言与网页制作第第8章章国民经济与社会信息化国民经济与社会信息化目录高等教育高等教育“十一五十一五”国家级规划教材大学计算机基础高等教育出版社国家级规划教材大学计算机基础高等教育出版社ISBN:

978-7-04-024268-3第7章超文本标记语言HTMLn万维网联盟（万维网联盟（W3C）和）和SGMLn什么是什么是HTMLn超文本标记语言超文本标记语言HTML规范规范lHTML标记语法和文档结构标记语法和文档结构l文件头及相关标记文件头及相关标记l文件体及相关标记属性文件体及相关标记属性l文档内容常用标记文档内容常用标记l表格（表格（table）l表单（表单（form）l帧（帧（frame）l显示样式与层叠样式表显示样式与层叠样式表CSS技术技术高等教育高等教育“十一五十一五”国家级规划教材大学计算机基础高等教育出版社国家级规划教材大学计算机基础高等教育出版社ISBN:

978-7-04-024268-37.1标记语言及其发展n标准通用标记语言标准通用标记语言SGML（StandardGeneralizedMarkupLanguage）n超文本标记语言超文本标记语言HTML（HypertextMarkupLanguage）n扩展扩展HTML规范规范XHTMLn扩展标记语言扩展标记语言XML高等教育高等教育“十一五十一五”国家级规划教材大学计算机基础高等教育出版社国家级规划教材大学计算机基础高等教育出版社ISBN:

978-7-04-024268-3标准通用标记语言SGMLn标准通用标记语言标准通用标记语言SGML（StandardGeneralizedMarkupLanguage）一个用来定义在电子表格中如何对文件的结构和内容进行描述的国际标一个用来定义在电子表格中如何对文件的结构和内容进行描述的国际标准（准（ISO-8879）l1969年，年，IBM公司的研究人员开始设计一种名为公司的研究人员开始设计一种名为GML（GeneralizedMarkupLanguage）的语言，在印刷、统计等需要大规模数据处理的行）的语言，在印刷、统计等需要大规模数据处理的行业和部门应用业和部门应用l1980年推出了年推出了SGML（StandardGeneralizedMarkupLanguage）语言语言uSGML设计非常复杂，正式规范多达设计非常复杂，正式规范多达500多页多页uSGML定义了标记语言的基本概念，奠定了标记语言的技术基础定义了标记语言的基本概念，奠定了标记语言的技术基础n1991年，年，HTML（HypertextMarkupLanguage）问世）问世高等教育高等教育“十一五十一五”国家级规划教材大学计算机基础高等教育出版社国家级规划教材大学计算机基础高等教育出版社ISBN:

978-7-04-024268-3超文本标记语言HTMLnHTML（HyperTextMarkupLanguage）语言）语言l起起源源于于通通用用标标准准标标记记语语言言SGML，由由cern（欧欧洲洲粒粒子子物物理理实实验验室室）于于1991年年首首先先提提出出。

HTML定定义义了了一一组组标标记记符符号号（tag），用用于于对对文文件件的的内内容容进进行行标标注注，标标记记内内容容的的输输出出格格式式，如如字字体大小、颜色，背景颜色，表格形式，各部分之间逻辑上的组织等。

体大小、颜色，背景颜色，表格形式，各部分之间逻辑上的组织等。

lHTML文文件件包包含含了了文文档档数数据据和和标标记记两两部部分分，其其中中文文档档数数据据是是显显示示在在WWW浏浏览览器器中中的的数数据据内内容，标记则规定了这些内容在浏览器中以何种格式、样子呈现给用户。

容，标记则规定了这些内容在浏览器中以何种格式、样子呈现给用户。

nHTML规范及其发展规范及其发展lHTML2.0（1996）lHTML3.2（1997）lHTML4.0Specification（1998,2.24）lHTML4.01Specification（1999,12.24）l可扩展可扩展HTML（XHTML）（2000.1.20）XHTML1.0建立在建立在HTML4.0基础上，是一个格式符合基础上，是一个格式符合xml规范的语法更加严格的规范的语法更加严格的html。

nHTML浏览器浏览器支持支持html的浏览软件，可以按照的浏览软件，可以按照HTML规范显示规范显示html文档文档高等教育高等教育“十一五十一五”国家级规划教材大学计算机基础高等教育出版社国家级规划教材大学计算机基础高等教育出版社ISBN:

978-7-04-024268-3可扩展XHTML规范nHTML规范的不足规范的不足l不不能能适适应应现现在在越越来来越越多多的的网网络络设设备备和和应应用用的的需需要要，比比如如手手机机、PDA、信息家电都不能直接显示信息家电都不能直接显示HTML；l由由于于HTML代代码码不不规规范范、臃臃肿肿，浏浏览览器器需需要要足足够够智智能能和和庞庞大大才才能能够够正正确显示确显示HTML；l数据与表现混杂，页面要改变显示，就必须重新制作数据与表现混杂，页面要改变显示，就必须重新制作HTML。

nXHTML规范规范2000年年底底，W3C制制定定了了可可扩扩展展HTML，W3C的的工工作作重重点点已已经经集集中中在在XHTML，它它是是HTML向向XML过过度度的的一一个个桥桥梁梁。

2000年年1月月20日日发发布布XHTML1.0，XHTML1.0是是HTML4.01基于基于XML的形式。

的形式。

2002年年8月，月，XHTML2.0，取消向后兼容，取消向后兼容高等教育高等教育“十一五十一五”国家级规划教材大学计算机基础高等教育出版社国家级规划教材大学计算机基础高等教育出版社ISBN:

978-7-04-024268-3相关技术nDHTML技术技术lDHTML不是一种标准或规范不是一种标准或规范lDHTML是一种将目前已有的网页技术、语言标准整和运用，制作出能是一种将目前已有的网页技术、语言标准整和运用，制作出能在下载后仍然能实时变换页面元素效果的网页的设计概念。

在下载后仍然能实时变换页面元素效果的网页的设计概念。

uHTML4.0规范规范u客户端脚本语言客户端脚本语言CSSLu文档对象模型文档对象模型DOMu层叠样式表单层叠样式表单CSS技术技术nSHTML技术技术lSHTML不是一种不是一种HTML规范，而是一种网站设计、开发与维护技术规范，而是一种网站设计、开发与维护技术l服务器端包含指令（服务器端包含指令（ServerSideInclude，SSI）高等教育高等教育“十一五十一五”国家级规划教材大学计算机基础高等教育出版社国家级规划教材大学计算机基础高等教育出版社ISBN:

978-7-04-024268-37.2超文本标记语言HTML规范nHTML标记语法和文档结构标记语法和文档结构n文件头及相关标记文件头及相关标记n文件体及相关标记属性文件体及相关标记属性n文档内容常用标记文档内容常用标记n表格（表格（table）n表单（表单（form）n层次块标记层次块标记n对象和脚本程序标记对象和脚本程序标记n层叠样式表层叠样式表CSS技术技术n帧（帧（frame）高等教育高等教育“十一五十一五”国家级规划教材大学计算机基础高等教育出版社国家级规划教材大学计算机基础高等教育出版社ISBN:

978-7-04-024268-3HTML标记语法n标记（标记（Tag）标记由封装在小于号（标记由封装在小于号（）构成的一对尖括号之中，标记一般分首标记）构成的一对尖括号之中，标记一般分首标记和尾标记，它们成对出现。

和尾标记，它们成对出现。

例如：

例如：

textwithunderlinel开始标记，开启标记开始标记，开启标记l结束标记结束标记，关闭标记，关闭标记n标记类型标记类型l单标记，例如：

单标记，例如：

l双标记双标记,例如：

例如：

n标记属性标记属性例如：

例如：

高等教育高等教育“十一五十一五”国家级规划教材大学计算机基础高等教育出版社国家级规划教材大学计算机基础高等教育出版社ISBN:

978-7-04-024268-3HTML文档结构n文档结构文档结构文档头文档体高等教育高等教育“十一五十一五”国家级规划教材大学计算机基础高等教育出版社国家级规划教材大学计算机基础高等教育出版社ISBN:

978-7-04-024268-3文件头及相关标记n标记标记l标记标记l标记标记l标记标记l标记标记l标记标记n注释标记注释标记高等教育高等教育“十一五十一五”国家级规划教材大学计算机基础高等教育出版社国家级规划教材大学计算机基础高等教育出版社ISBN:

978-7-04-024268-3标记n一般形式一般形式各种子标记各种子标记脚本语言定义的函数或变量说明脚本语言定义的函数或变量说明n功能功能l开启（开启（）和结束（）和结束（）文件头标记）文件头标记l文件头部分的内容不在网页中显示文件头部分的内容不在网页中显示n属性属性l无无高等教育高等教育“十一五十一五”国家级规划教材大学计算机基础高等教育出版社国家级规划教材大学计算机基础高等教育出版社ISBN:

978-7-04-024268-3标记n一般形式一般形式网页标题文本网页标题文本例如：

例如：

欢迎光临欢迎光临GSL网站网站n功能功能用于标识网页主题，其中的内容将在浏览器的标题栏中显用于标识网页主题，其中的内容将在浏览器的标题栏中显示，不出现在页面内。

示，不出现在页面内。

n属性属性l无无高等教育高等教育“十一五十一五”国家级规划教材大学计算机基础高等教育出版社国家级规划教材大学计算机基础高等教育出版社ISBN:

978-7-04-024268-3标记（举例）nHTML文档代码文档代码欢迎光临欢迎光临GSL网站网站高等教育高等教育“十一五十一五”国家级规划教材大学计算机基础高等教育出版社国家级规划教材大学计算机基础高等教育出版社ISBN:

978-7-04-024268-3标记n一般形式一般形式lln功能功能l文件头文件头标记内的一个辅助性标记标记内的一个辅助性标记l对于网页被搜索引擎检索、提高网页在搜索列表的排序对于网页被搜索引擎检索、提高网页在搜索列表的排序起着关键的作用起着关键的作用高等教育高等教育“十一五十一五”国家级规划教材大学计算机基础高等教育出版社国家级规划教材大学计算机基础高等教育出版社ISBN:

978-7-04-024268-3标记name属性n一般形式一般形式ln功能功能name属性主要用于描述网页，与之对应的属性值为属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于中的内容主要是便于搜索引擎查找信息和分类信息用的。

搜索引擎查找信息和分类信息用的。

nname属性值属性值lkeywords（关键字），（关键字），keywords用来告诉搜索引擎该网页的关键字是什么。

用来告诉搜索引擎该网页的关键字是什么。

uldescription（网站内容描述），（网站内容描述），description用来告诉搜索引擎网站的主要内容用来告诉搜索引擎网站的主要内容ulauthor（作者），标注网页的作者。

（作者），标注网页的作者。

ulrobots（机器人向导），（机器人向导），robots用来告诉搜索机器人需要索引的页面有哪些。

用来告诉搜索机器人需要索引的页面有哪些。

content的的参数有参数有all、none、index、noindex、follow、nofollow。

默认是。

默认是a