《XHTML标记语言》PPT课件.ppt

第2章 XHTML标签语言 2.1 XHTML基础 2.2 段落和文字标签 2.3 列表标签 2.4 超级链接标签 2.5 插入图片标签 2.6 页面布局标签 2.7 框架标签 2.8 表单标签 2.9 其他HTML标签 2.1 XHTML语言基础 2.1.1 什么是HTML 2.1.2 什么是XHTML 2.1.3 XHTML文档的基本结构 2.1.4 XHTML标签的书写格式 2.1.5 XHTML标签的属性 2.1.6 XHTML标签的语法规范 2.1.1 什么是HTML nHTML是超文本标记语言(HyperText Markup Language)的英文缩写； nDreamweaver是和HTML语言一起使用的， 利用Dreamweaver制作的网页要通过HTML标 签显示； nHTML不是一种编程语言，它是一种描述性 的标签语言，使用标签符定义HTML文档的功 能和信息； nHTML文件的组成：标签、文字、图片资料 与统一资源定位器URL。 2.1.2 什么是XHTML nXHTML是可扩展超文本标记语言(Extensible HyperText Markup Language)的英文缩写；它是在HTML的基础上应用XML 的更加规范的语言。相对于HTML，XHTML具有更加规范、简洁 的特点，同时具有很好的扩展性。 nXHTML已成为Web标准的重要组成部分，很多大型门户网站 和商业站点已经使用XHTML语言进行了重构，它已经成为Web技 术的发展趋势，并将继续领导Web技术潮流； n2000年底，W3C组织（World Wide Web Consortium）公布 发行了XHTML1.0版，它是在HTML4.0基础上优化和改进的新语 言，目的是基于XML应用。但直接采用XML还为时过旱，因此， 在HTML4.0的基础上按照XML的规则对其进行扩展，得到了 XHTML，目的是实现HTML向XML的过渡。目前国际上在网站设计 中推崇的Web标准就是基于XHTML的应用。 2.1.3 XHTML文档的基本结构 1. 文档类型声明 2. 和名字空间 3. 网页头部标签 4. 页面主体标签 5. 注释标签 1. 文档类型声明 n文档类型声明将决定页面中可以使用哪些 元素和属性及CSS样式能否实现； n在XHTML 1.0中有三种DTD（文档类型定 义）一是过渡的DTD，二是严格的DTD，三 是框架的DTD。对于初中级的网页设计者， 使用过渡的DTD比较合适。 n过渡的DTD写法如下： 2. 和名字空间 n标签是XHTML文档中必须使用的标签， 文档的所有内容都要包含在此标签之中，其格式如 下： 文档内容部分 n有关说明：XHTML文档的所有内容都必须包含在 此两标签之间； 和 必须成对。 n名字空间是标签的一个属性，写在 标签里面，用来定义识别页面标签的网址， 相应代码如下： 其中xmlns即为名字空间属性。 3. 网页头部标签 n网页头部标签用来定义页面头部 信息，包含标题标签、标签等； n标签的语法结构如下： 头部内容部分 n有关说明：位于头部的内容一般不在网页 中显示；此标签也必须成对使用； n标签所包含的是网页标题 ；此标签必须位于之间。 4. 页面主体标签 n标签用来定义页面所要显示的内容，其语法结构如 下： 页面内容 n有关说明： 1、主体位于头部之后， 标签标志着页面内容 的开始与结束，页面中的其他HTML标记都在这对标记之间； 它定义了页面的主要内容与显示格式，是整个网页网页的核心 。 2、 标签有六个可选参数： background=“图像地址”：指定一幅图像作为页面背 景； bgcolor=“颜色号”：指定页面的背景颜色； text=“颜色号”：指定文本默认颜色； alink=“颜色号”：指定单击超链接时链接文字的颜色 ； link=“颜色号”：指定没有单击时超链接的颜色； vlink=“颜色号”：指定已被单击过的超链接的颜色。 3、常用颜色的属性，取值可用英文颜色名，也可用“#” 引导的十六进制代码表示。(见颜色代码表) 举例 举 例 这是主体之外的文本 个人网页 页面背景为黄绿色 文本颜色为蓝色 颜色代码表 名称英文颜色十六进制代码 黑色Black#000000 蓝色Blue#0000FF 棕 色brown#A52A2A 青色Cyan#00FFFF 灰色Gray#808080 绿色Green#008000 乳白色Ivory#FFFFF0 桔黄色Orange#FFA500 粉红色Pink#FFC0CB 红色Red#FF0000 白色White#FFFFFF 黄色Yellow#FFFF00 深红色Crimson#CD061F 黄绿色Greenyellow#99FF33 水蓝色Dodgerblue# 0B6EFF 淡紫色lavender#DBDBF8 5. 注释标签 n注释标记的格式： n说明： 在此标记内的文本都不会在浏览器窗 口中显示，但此标记中的程序代码可被 执行；一般将客户端的程序段放在此标 记中，可以达到隐藏的效果。 2.1.4 XHTML标签的书写格式 XHTML标签从形式上可分为封闭类型 标签和非封闭类型标签。 1. 封闭类 型的标签 都是成对出现， 在对象内容的前面以标签开始，后面在 标签名称前加反斜杠结束； 2. 非封闭类型的标签很少，最常用 的如换行标签 2.1.5 XHTML标签的属性 basefont标签 font标签 2.2.5 分区显示标签 2.2.5 添加水平线标签 水平线标签的使用 超级链接标签 创建指向本页中的链接 2.5 插入图片标签 2.5.2 插入图片标签 设置图片大小 设置图片大小 原始大 小 宽150，高150 宽50%，高50% 图片作为超级链接举例2 2.6 页面布局标签 2.6.1 表格标签 给表格加标题 表项对齐 2.6.