[理学]XHTML.ppt

第二章 XHTML语言 Contents 2.1 HTML简介 2.2 HTML文档结构 2.3 XHTML简介 2.4 段落标记 2.5 文字标记 2.6 列表 2.7 图像 2.8 超链接 2.9 表格 2.10 框架 2.11 表单 2.12 字幕、音频和视频 2.1 HTML简介 HTML是Hypertext Markup Language的缩写。 发展历程 1990年和WWW一起诞生。 1993 V1.0　 1994年 V2.0　 1997年1月 V3.2　 1997年11月V4.0 ，1999年4.01 功能 网页设计　 超级链接 续前 优点 控制标记有限易于学习掌握(100多个) 　 开发工具较多 FP，DW，interDev 　 语法要求较为松散、易于被初学者所接受 缺点 缺乏弹性，只能应用于网页领域，制作的文档只能被浏览器解读； 无法自定义控制标记； 只能应用到信息的显示上； 规格不一致。 HTML中所制定的DTD DTD：Document Type Definition. Strict DTD: 被引用的DTD文件名为strict.dtd，是要求严格的DTD，不包括有关的font, color, bgcolor, frameset等标记。 Transitional DTD:被引用的DTD文件名为loose.dtd，是要求非常宽松的DTD，可以使用所有HTML标记。 Frameset DTD:是专门针对框架设计使用的DTD。被引用的DTD文件名为frameset.dtd，该文件中包含了Transitional DTD中所有标记，还包含了有关多窗框设置的标记。 这三种DTD是使用SGML(Standard Generalized Markup Language)的语法规范来制定的。 2.2 HTML文档结构 2.2.1 标记及其属性 2.2.2 文档结构 2.2.3 HEAD标记 2.2.4 META标记 2.2.5 BODY标记 2.2.1 标记及其属性 标记（tag） HTML文档由标记和被标记的内容组成。标记能产生所需的各种效果。一般格式为： 标记 受标记影响的内容 /标记 例如，title 我的第一个网页 /title—此标记告诉浏览器，标记中间的文字是文档标题。但也有标记并非成对出现，如hr,link等，在XHTML文档中，若要关闭此种标记的作用，需在此标记结束之前加一“/”，如link……/。 2.2.1 标记及其属性 标记的属性 标记只是规定这是什么信息，或是文本，或是图片，但怎样显示或控制这些信息，就需要在标记后面加上相关的属性来表示，每个标记有一系列的属性。格式为： 标记 属性1=“属性值1” 属性2=“属性值2” … 受影响的内容 /标记 例如，P align=“center” 本段内容会在页面中居中显示(属性示例) /P 2.2.2 文档结构（Document Structures） !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 TRANSITIONAL//EN” /TR/html4/loose.dtd HTML HEAD TITLE文档标题/ TITLEbaselink metaSTYLE级联样式表/STYLESCRIPT客户端脚本 /SCRIPT /HEAD BODY HTML的正文写在这里.../BODY /HTML 文档结构 !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 FRAMESET//EN” /TR/html4/frameset.dtd HTML HEAD TITLE文档标题/ TITLEbaselink metaSTYLE级联样式表/STYLESCRIPT客户端脚本 /SCRIPT /HEAD FRAMESET HTML 的正文写在这里... /FRAMESET /HTML 2.2.3 HEAD标记 HEAD标记中包含有如下标记： TITLEWeb页标题在此显示，不能超过60个字符/ TITLE base href=URL /用于为页中所有链接指定文档的缺省路径和缺省目标。如：base href=“d:\网页设计与制作\” /，base target=“_blank”/ STYLE用于定义样式表/STYLE SCRIPT用于定义客户端脚本 /SCRIPT link type=“text/css” rel=“stylesheet” href=“d:\网页设计与制作\css_demo.css” / 用于关联其它的文档。 2.2.4 META标记 /tags/