第3章 节 网页结构语言——XHTML 网页设计与制作教程（第3版） .pptVIP

第3章 网页结构语言——XHTML ;3.1.3 可扩展标记语言——XML XML（eXtensible Markup Language，可扩展标记语言）是W3C组织于1998年2月发布的标准，它的目的是定义一种互联网上交换数据的标准。;3.2 XHTML文档基础 ;XHTML文档是一种纯文本格式的文件，XHTML文档由被标记的内容和标记组成，XHTML文档的基本结构为：;3.2.2 标记及XHTML代码规范 ;3.2.4 XHTML文档根标记与声明命名空间 XHTML文档标记的格式为： html xmlns=/1999/xhtml 文档的内容 /html ;3.2.6 XHTML文档主体标记 XHTML文档主体标记的格式为： body 网页的内容 /body 主体位于头部之后，以body为开始标记，/body为结束标记。 ;3.3 网页文件的创建 ;3.4 文本标记 ;3.4.3 特殊字符常用的特殊字符见表3-1。;3.4.4 段落标记 段落标记的格式为： p align=left|center|right文字/p 【例3-4】 ;3.4.6 水平线标记 水平线标记的格式为： hr align=left|center|right size=横线粗细 width=横线长度 color=横线颜色 noshade=noshade / color设定线条颜色，默认为黑色。颜色可以用相应英文单词或以“#”引导的一个十六进制数代码来表示，见表3-2。 ;3.4.7 特定文字样式标记 在显示文字时，有时会对某些短语显示一些特定的字形来产生一定的突出、区别、强调等效果。 em.../em（emphasis）被用来强调文本，显示为斜体字。 strong.../strong（strong emphasis）是近一步强调，显示为粗体字。 sup.../sup作为上标样式显示。 sub.../sub作为下标样式显示。 【例3-7】 ;3.4.9 设置网页背景和文字的颜色 body标记的格式为： body bgcolor=色彩值 background=图像文件名 bgproperties=fixed text=色彩值 link=色彩值 vlink=色彩值 alink=色彩值 leftmargin=像素值 topmargin=像素值 网页的内容 /body 【例3-9】 ;3.5 超链接 ;3.5.2 链接到其他网页 ;3．链接到上一级目录中的网页文件 链接到上一级目录中网页文件的格式为： a href=../目标文件名.html超链接显示文本/a 其中“../表示退到上一级目录中。 ;3.5.3 同一个网页中的链接 同一个网页中超链接标记的格式为： a href=#锚点名称超链接显示文本/a 即单击源点超链接名称，将跳转到“锚点名称”开始的位置。 书签就是用a标记对该位置作一个记号。如果有多个链接，不同目标位置要设置不同的记号。定义书签的格式为： a id=锚点名称目标文本附近的文本/a 【例3-12】 ;3.5.4 链接到其他站点 使用http协议，可以建立链接到其他网站上网页的超链接。其格式为： a href=http://网址超链接显示文本/a 【例3-13】 ;3.6 图像 ;3.6.2 图像标记 图像标记的格式为： img src=图像文件名 alt=替换文本 width=图片宽度 height=图片高度 border=边框宽度 hspace=水平方向空白 vspace=垂直方向空白 align=环绕方式|对齐方式 / 【例3-16】 【例3-17】 ? 文本将不再环绕图片。格式为： br clear=left|right|all / 其中clear的取值可为：left（取消在图片左侧放置的文本）、right（取消在图片右侧放置的文本）或all（取消在图片左、右侧放置的文本）。 【例3-18】 ;3.6.3 用图像作为超链接 把img标记放在a和/a之间，这个图像就可作为超链接，图像被加上蓝色边框，单击图像将跳转到其他地址。格式为： a href=URLimg src=图片文件名 alt=简单说明 //a 例如，【例3-18】中的代码： a href=/ alt=机械工业出版社网站 img src=cmpbook_logo.gif //a !-- 单击图像则转到/ -- ;3.7 列表 ;3.7.2 有序列表标记 通过带序号的列表可以更清楚地表达信息的顺序。使用ol标记可以建立有序列表，表项的标记仍为li。格式为： ol type=符号类型 li type=符号类型1表项1/li li type=符号类型2表项2/li … /ol ? 【例3-2