XHTML的基本语法结构.ppt

授课主要内容 一、HTML文件的架构 二、设置页面属性（重点和难点） 三、文字修饰 四、文本分段 五、插入图片 六、插入超级链接 七、制作垂直滚动的字幕 1.1.1 认识网页 说明： 1. 作为WWW基本组成元素的网页，有时也被称为页面或Web 页。 2.通常把一系列逻辑上可以视为一个整体的页面叫做网站。 3. 网站的概念是相对的，大可以到“新浪网”这样的门户网站，页面多得无法计数，而且位于多台服务器上，小可以到一些个人网站，可能只有零星几个页面，仅在某台服务器上占据很小空间。 4.“主页”是网站中的一个特殊页面，它是作为一个组织或个人在WWW上开始点的页面，其中包含指向其他页面的超链接。通常主页的名称是固定的，例如叫做index.htm 或index.html等。 什么是XHTML XHTML是The Extensible HyperText Markup Language(可扩展的超文本标记语言)的缩写。，XHTML是由HTML（超文本标记语言）发展而来的一种网页编写语言，也是目前最常见的网页编写语言之一。 XHTML看起来与HTML有些相象，只有一些小的但重要的区别，XHTML就是一个扮演着类似HTML的角色的XML，所以，本质上说，XHTML是一个过渡技术，结合了部分XML的强大功能及大多数HTML的简单特性。 HTML是一种基本的WEB网页设计语言 2000年底，国际W3C组织(World Wide Web Consortium)组织公布发行了XHTML 1.0版本。XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言，目的是基于XML应用。XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的基于HTML语言设计的网站，直接采用XML还为时过早。因此，在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。所以，建立XHTML的目的就是实现HTML向XML的过渡。目前国际上在网站设计中推崇的WEB标准就是基于XHTML的应用（即通常所说的CSS＋DIV）。 强制使用的 XHTML?元素 所有 XHTML?文档必须进行文件类型声明（DOCTYPE declaration）。 在 XHTML?文档中必须存在html、head、body元素，而 title?元素必须位于在 head?元素中。 基本的文档结构是这样的： !DOCTYPE ... html? head ?title... /title? /head ?body ... /body ?/html 1.1.2几个最常用的标签 1）html/html定义网页的开始和结束。 2）head/head定义网页头的开始和结束。 3）title/title定义网页标题的开始和结束，浏览网页时，网页的标题将显示在浏览器的标题栏中。 4）body/body定义网页正文的开始和结束。 XHTML文件的基本结构 HTML 　　　HEAD 　　　　　　头 部 信 息 　　　/HEAD 　　　BODY 　　　　　文 档 主 体， 正 文 部 分 　　　/BODY /HTML 同心圆结构 所有标签必须闭合 在XHTML中，所有标签必须闭合，对于单独不成对的标签（例如，br和img），应在标签的最后加“／”来关闭(如br/和img/）。 所有标签和属性名称必须小写 １.标签名必须用小写字母。 错误举例：BODYPThis is a paragraph/P/BODY 2.属性名称必须小写 错误举例：table?WIDTH=100% 所有标签的属性必须加引号 错误举例：table width=100% XHTML?元素必须被正确地嵌套 错误举例： biThis text is bold and italic/b/i 常见的块状标签 常见的块状标签 常见的块状标签 常见的可变标签 1.2网页架构举例 HTML　HEAD　　TITLE网页制作教学/TITLE　　Meta　/HEAD　BODY　　BODY之间则为主要语法所在，也是网页的主要呈现部分。　/BODY/HTML 1.1.3 标签解说 网页就是一堆标签（标签就是指被包起来的语法）集合起来的，透过浏览器的消化整理，就便成了美仑美奂的网页了。 简单而言，通常一份完整的网页包含了二个部份： 网页头（HEAD）、文件体（BODY）。也就是上面的HEAD/HEAD以及BODY/BODY。 在抬头的部份HEAD/HEAD中，有另一组标签TITLE/TITLE。打在TITLE/TITLE这里面的文字会出现在浏览器视窗最上头蓝色部份里，当作一篇网页的主题。 注意：HTM