可扩展超文本标记语言(XHTML).pptVIP

应用系统开发导论 可扩展超文本标记语言（XHTML） 内容 标记语言 HTML的基本组成结构 基本布局元素 列表 超链接 Web中的颜色图像 表格 表单 XHTML和HTML的区别 小结 标记语言 扩展超文本标记语言（XHTML: eXtendible HyperText Markup Language，XHTML）是开发基于Web应用程序客户端的标准语言，属于标记语言的一种。XHTML是HTML的发展，和HTML的功能目标基本一致。 标记 (tag) 是标记语言的基础，指用于标注文档结构或者给予文档中某些内容以一定含义的符号。标记可以根据其所处位置和功能分为开始标记、结束标记和空标记。 spanHere is content./spanbr / 标记还可以拥有一个或多个属性，属性是与元素相关的附加信息，如元素内容应该如何显示。 p align=“left” This is a paragraph./p SGML、HTML、XML和HTML HTML的基本组成结构 从“Hello World” 开始 HTML文档的书写规则 从“Hello World” 开始 01 !-- This is comment -- 02 html 03 head 04 titleFirst HTML document/title 05 /head 06 body 07 Hello World! 08 /body 09 /html Hello World! HTML的基本组成结构 整个文档的内容部分由若干相互嵌套的元素组成。 嵌套外层的元素称为父元素，嵌套内层的元素称为子元素，包含所有元素的最外部元素称为根元素。 HTML的内容部分拥有唯一的根元素html，根元素拥有两个子元素head和body，分别称为HTML的头部元素和主体元素。 头部元素head中必须包含title子元素，此外还可以包含meta、style、script和link等元素。如果head中还包含其他元素，则title子元素必须排在第一个。title元素的内容对应于浏览器窗口上方标题栏中的内容。 主体元素body的内容对应于浏览器窗口中显示的具体内容，我们希望显示的信息一般都放在这个部分。 HTML文档的书写规则 元素的开始标记包含在和之间，结束标记包含在/和之间。 所有元素必须有相匹配的开始标记和结束标记。 不含任何内容的元素称为空元素。空元素可以将开始标记和结束标记缩减为特殊的形式，标记包含于和/之间。注意：标记名和/之间需要有一个空格。如hr /。 文档具有唯一的根元素html，它包含了其它所有元素。 所有元素必须正确嵌套。如不能出现类似headbody …./head/body的情况。 元素的属性表现为“名字＝值”的形式。值必须包含在单引号‘’或者双引号“”中。如不能出现类似p align=left的写法，必须写作p align=“left”。 所有元素名称和属性名字都用小写。 基本布局元素 基本格式化元素 换行元素 br 标题元素 h1 段落元素 p 水平线元素 hr 特殊字符 文本格式化 物理格式化和逻辑格式化 物理格式化元素 逻辑格式化元素 块元素与行内元素 基本的文本格式 Line Break br 无内容 基本的文本格式（续） HEADING Six sizes, 1 - 6, 用h1 到 h6在指定 h4 使用系统默认的标题风格 基本的文本格式（续） Text 通常放在段落内 Paragraph Elements p 将当前行断行并重新生成一行，将内容进行布局 XHTML强制要求有/p 基本的文本格式（续） Horizontal rules hr / 描绘了一根水平线 特殊字符 左尖括号 lt; 右尖括号 gt; 单引号 ‘ apos; 双引号 “ quot; 与号 amp; 空格 nbsp; 基本的文本格式（续） 字体设置 Boldface - b Italics - i Larger - big Smaller - small Monospace - tt: Courier CSS将提供更好的方法 基本的文本格式（续） 上标和下标 下标 sub 上标 sup 物理格式化和逻辑格式化 物理格式化元素是指元素本身明确定义了文本在显示的时候应该如何进行格式化，如b元素明确定义包含在其中的元素内容应该以粗体进行显示。物理格式化元素可能会使HTML文档在非可视媒体中表现时产生错误，因此新的标准中不推荐使用。 逻辑格式化元素则定义了包含文本内容的属性，但是不明确定义应该如何对这些内容进行格式化操作，而将这项工作留给浏览器来决定。新的标准中推荐优先使用逻辑格式化元素进行文本的