[计算机软件及应用]HTML-XHTML-XML课件.ppt
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《[计算机软件及应用]HTML-XHTML-XML课件.ppt》由用户(三亚风情)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 计算机软件及应用 计算机软件 应用 HTML_XHTML_XML 课件
- 资源描述:
-
1、2.1 HTML2.1 HTML2.2 XHTML2.2 XHTML2.3 XML2.3 XML上述是排版语言,不是编程语言。上述是排版语言,不是编程语言。1.HTML是所有网页的基础是所有网页的基础,对于一个想成为,对于一个想成为Web高手的人来说,高手的人来说,学习学习HTML是必不可少的。就像有了计算器,学数学时还要是必不可少的。就像有了计算器,学数学时还要从学从学1+1开始一样。网页里那些精确控制页面排版的功能必须开始一样。网页里那些精确控制页面排版的功能必须靠靠HTML源代码源代码2.2.网页要瘦身网页要瘦身:网页制作工具生成的网页都含有大量的冗余代码,网页制作工具生成的网页都含有大
2、量的冗余代码,如如FrontPage生成的冗余代码在文件中占生成的冗余代码在文件中占20%50%,Dreamweaver生成的占生成的占5%-10%。冗余代码降低访问速度、。冗余代码降低访问速度、浪费存储空间。浪费存储空间。3.学会学会HTML可以读懂优秀网页的可以读懂优秀网页的HTML源代码,学习别人设计源代码,学习别人设计网页的方法和技巧。网页的方法和技巧。1990年,年,HTML语言和语言和WWW(万维网)一起诞生,(万维网)一起诞生,它是众多标记语言的一种。它是众多标记语言的一种。1993年,年,IETF(因特网工程部)起草了(因特网工程部)起草了HTML的的第第1个版本,采用个版本,
3、采用SGML。1995年,年,IETF推出了和浏览器相适应的推出了和浏览器相适应的HTML2.0作为正式的作为正式的Internet标准。标准。1996年由年由W3C联合几大公司共同开发的联合几大公司共同开发的HTML3.2建议标准建议标准。1997年年1月被发布为正式标准。月被发布为正式标准。1999年年12月,月,W3C又推出又推出HTML4.01。我的主页标题我的主页标题 欢迎访问我的个人主页欢迎访问我的个人主页 HTML文件基本结构文件基本结构 文件开始文件开始 标头区开始标头区开始 标题区内容标题区内容标题区结束标题区结束 标头区结束标头区结束 主体区开始主体区开始主体区内容主体区内
4、容 主体区结束主体区结束 文件结束文件结束命令一般采用命令一般采用“”和和“”的形式配对出现的形式配对出现 有些标记也可以单个出现有些标记也可以单个出现 标记符标记符不区分大小写不区分大小写 标标 记记 格格 式式功功 能能标标 记记 格格 式式功功 能能首部标记符,不包含网页的内容,首部标记符,不包含网页的内容,仅提供一些与网页相关的信息仅提供一些与网页相关的信息设置网页的标题,一般在浏览器的设置网页的标题,一般在浏览器的顶部标题栏中显示顶部标题栏中显示主体标记符,包含网页内的所有内主体标记符,包含网页内的所有内容:文字、图片及超链接等容:文字、图片及超链接等hx/hx 标题标记符,标题标记
5、符,x=16x=16,定义了从,定义了从1 1级级到到6 6级标题级标题换行并绘制一条水平直线,直线的换行并绘制一条水平直线,直线的上下两端都会留出一定的空白上下两端都会留出一定的空白定义一个块,块内可以有文本、图定义一个块,块内可以有文本、图像等,目的是为了控制该块的像等,目的是为了控制该块的样式样式控制字符的样式,控制字符的样式,sizesize是它的一个是它的一个常用属性,用来控制字符大小常用属性,用来控制字符大小br 强行中断当前行,多个强行中断当前行,多个br 标记可标记可以创建多个空行,新行与原行以创建多个空行,新行与原行属性相同属性相同img 插入图片,常用插入图片,常用alta
6、lt属性设置图片简属性设置图片简单文字说明,用单文字说明,用srcsrc属性指明图属性指明图片所在位置片所在位置在网页中分段,遇到在网页中分段,遇到另起一个另起一个新的段落,两个段落的性质可新的段落,两个段落的性质可相同也可不同相同也可不同定义一个超链接,用定义一个超链接,用hrefhref属性可创建属性可创建多种形式的超链接多种形式的超链接!-注释标记,注释之间的内容不在浏注释标记,注释之间的内容不在浏览器中显示览器中显示包含预先格式化的文本,即包含在包含预先格式化的文本,即包含在和和之间的内容完之间的内容完全按照所设置的格式显示全按照所设置的格式显示提供联系信息(联系电话、电子邮提供联系信
7、息(联系电话、电子邮箱等),一般用斜体显示其中箱等),一般用斜体显示其中的内容的内容ul/ul 定义一个无序列表,列表项的条目定义一个无序列表,列表项的条目用标记符用标记符li li创建,创建,ulul中可包含一中可包含一个或多个个或多个li li标记标记ol/ol 定义一个有序列表,列表项的条目定义一个有序列表,列表项的条目用标记符用标记符li li创建,创建,olol中可包含一中可包含一个或多个个或多个li li标记标记2.2.1 XHTML2.2.1 XHTML的基本格式的基本格式2.2.2 XHTML2.2.2 XHTML与与HTMLHTML的区别的区别2.2.3 XHTML2.2.3
8、 XHTML标记标记HTML从出现到现在,标准在不断完善、功能也越来越从出现到现在,标准在不断完善、功能也越来越强大,但是它的规范化要求依然不是很严格,仍有很多强大,但是它的规范化要求依然不是很严格,仍有很多缺陷和不足。为此,缺陷和不足。为此,W3C开发了开发了XML标准。标准。XML是用来对信息进行自我描述而设计的一种新语言是用来对信息进行自我描述而设计的一种新语言XML也是一种基于文本的标记语言,但是也是一种基于文本的标记语言,但是XML可以让可以让用户根据要表现的文档,自由地定义标记来表现具有实用户根据要表现的文档,自由地定义标记来表现具有实际意义的内容。际意义的内容。XML不像不像HT
9、ML那样具有固定的标记集合,它实际上那样具有固定的标记集合,它实际上是一种定义语言的语言,也就是说使用是一种定义语言的语言,也就是说使用XML的用户可的用户可以自己定义各种标记来描述文档中的任何数据元素,将以自己定义各种标记来描述文档中的任何数据元素,将文档的内容组织成丰富的、完整的信息体系。文档的内容组织成丰富的、完整的信息体系。XML具有便于存储的数据格式、可扩展、高度结具有便于存储的数据格式、可扩展、高度结构化以及方便的网络传输等特点。构化以及方便的网络传输等特点。XML是是Web设计的发展趋势。设计的发展趋势。在在XML 1.0标准推出时,仍然有大量的人员采用标准推出时,仍然有大量的人
10、员采用HTML,而且在万维网中已存在数以百万计的页面,而且在万维网中已存在数以百万计的页面是采用是采用HTML编写的,所以不能直接抛弃编写的,所以不能直接抛弃HTML,因此,因此,HTML的后继者的后继者XHTML就出现了。就出现了。XHTML是为了适应是为了适应XML而重新改造的而重新改造的HTML。它。它是一种独立的语言,以是一种独立的语言,以HTML 4.01作为基础,又以作为基础,又以XML的应用为目的,是从的应用为目的,是从HTML到到XML的过渡。的过渡。2000年年1月,月,W3C推出推出XHTML 1.0标准。该标准与标准。该标准与HTML 4.01具有相同的特性,也是一种标记
11、语言,具有相同的特性,也是一种标记语言,但是做了一些限制,要求在网页中出现的任何元素但是做了一些限制,要求在网页中出现的任何元素都要被标记出来。都要被标记出来。2001年年5月,月,W3C又推出又推出XHTML 1.1标准,它以标准,它以XHTML 1.0的严谨为基础,并做了一些改进,同的严谨为基础,并做了一些改进,同时对时对XHTML的模块化重新定义。的模块化重新定义。XHTML非常严非常严密,兼容性强,交互性好,能够解决制约密,兼容性强,交互性好,能够解决制约HTML发发展的问题,比如多种显示设备的支持,多样的数据展的问题,比如多种显示设备的支持,多样的数据表示等。表示等。W3C已经确定了
12、已经确定了4个个XHTML标准:标准:XHTML1.0 Transitional XHTML1.0 Frameset XHTML1.0 Strict XHTML1.1 XHTML1.1规范是这些级别中规范是这些级别中最严格最严格的的 XHTML1.0 Frameset和和Transitional规范定义了基规范定义了基于于XML的的HTML标记,允许某些常用的构造。标记,允许某些常用的构造。一个符合标准的一个符合标准的XHTML网页,必须包含一个网页,必须包含一个DOCTYPE声明声明 该声明用来将网页标识为该声明用来将网页标识为XHTML页,并说明网页所遵页,并说明网页所遵循的循的XHTML
13、规范。规范。这个网页还必须声明这个网页还必须声明XHTML命名空间命名空间xmlns,网页内,网页内的所有标记都是属于这个命名空间的。的所有标记都是属于这个命名空间的。例如:例如:XHTML中的中的标记符区分大小写标记符区分大小写,它的基本格式为:,它的基本格式为:文档标题文档标题 XHTML文档的主体部分文档的主体部分 XHTML与与HTML的区别的区别标记的嵌套使用(严格/不严格)大小写的使用(区分/不区分)引号的使用(属性必须加引号/随意)结束标记(不许省略/可以省略)样式的使用(type/style)id和name 具体方法参看课本例具体方法参看课本例2-2。为网页加入标题为网页加入标
14、题 网页标题总是加在网页标题总是加在 部分,浏览该网页时它会出现在浏部分,浏览该网页时它会出现在浏览器窗口的标题栏中。览器窗口的标题栏中。表示标题的语法是:表示标题的语法是:标题字符串标题字符串/主体标记符主体标记符body与样式与样式style属性属性 XHTML的主体标记和的主体标记和HTML是一样的,在两标记之间定义是一样的,在两标记之间定义了网页的所有显示内容。默认背景色为白色,字体是了网页的所有显示内容。默认背景色为白色,字体是12像素黑色像素黑色Times New Roman。在在XHTML中,对样式的所有设置都必须放在【中,对样式的所有设置都必须放在【style】属性中】属性中来
15、完成。来完成。使用【使用【style】属性中的样式,可以对该标记所作用的区域进】属性中的样式,可以对该标记所作用的区域进行一种或多种设置,例如,字体的大小、颜色,页面的背景色和行一种或多种设置,例如,字体的大小、颜色,页面的背景色和背景图等。背景图等。style属性一般格式为:属性一般格式为:style中常用的样式有:中常用的样式有:background-color:设置网页的背景颜色;:设置网页的背景颜色;color:设置网页中字体的颜色;:设置网页中字体的颜色;颜色值颜色值:blue/red/green/black/white等等 或或#FFFFFF/#00FF00格式格式font-fam
16、ily:设置网页中字体的名称,例如宋体、黑体等;:设置网页中字体的名称,例如宋体、黑体等;font-size:设置网页中字体的大小(长度:设置网页中字体的大小(长度|百分比百分比|标准字号)标准字号)text-align:设置文本的对齐方式,常有:设置文本的对齐方式,常有3种不同的取值,分别种不同的取值,分别为为“left(左对齐)(左对齐)”、“right(右对齐)(右对齐)”和和“center(居(居中对齐)中对齐)”,在默认情况下使用左对齐方式。,在默认情况下使用左对齐方式。例如:注释标记注释标记 在在XHTML中以标记中以标记为结束,其间为结束,其间就是被注释的内容。就是被注释的内容。
17、浏览器在解读浏览器在解读XHTML文档时不会显示注释的内文档时不会显示注释的内容。容。在设计页面时,适当的给出注释,可以增强文档在设计页面时,适当的给出注释,可以增强文档的可读性和可维护性。的可读性和可维护性。标题标记符标题标记符hx 标记符标记符hx(其中(其中x=16)用于设置文件中的标题,在)用于设置文件中的标题,在浏览器中显示的是黑体浏览器中显示的是黑体 标记标记表示最大标题,标记表示最大标题,标记表示最小标题表示最小标题 与与必须配对使用,且在必须配对使用,且在后文字自动后文字自动换行。换行。标题的样式不能像标题的样式不能像HTML中通过中通过align属性进行设置,属性进行设置,在
展开阅读全文