HTML和XHTML剖析.pptVIP

* 第*页 2.7.3 XHTML与HTML之间的语法差异 2. 标记和属性名称总是使用小写 HTML是不区分大小写的，但XML 对大小写很敏感，XHTML文档要求所有的标记和属性名称必须用小写，但是属性值的大小写则不做要求。 * 第*页 2.7.3 XHTML与HTML之间的语法差异 3. 总是用引号括起属性 HTML中的引号使用比较随意，属性值可以用引号引起来，也可以不用引号。但在XHTML中要求所有的属性值都必须加引号。 * 第*页 2.4 插入图像 2.4.1 图像的格式 2.4.2 图像标记img * 第*页 2.4.1 图像的格式 GIF（Graphics Interchange Format）是 Web 页面内使用最多的一种图像格式，是在 20 世纪 80 年代末由 CompuServe 开发的。GIF图像是一种压缩的8位图像文件，最多可支持 256 种颜色，这些图像一般用做插图、标志、卡通和其他大色块图像。GIF图像还有一个突出的特点，就是支持动态图、透明图和交织图。 * 第*页 2.4.1 图像的格式 JPEG （Joint Photographic Experts Group，联合图像专家组)是目前最优秀的数字化摄影图像的存储方式。JPEG 格式由 ISO 和 CCITT 两大标准化组织共同推出，它定义了摄影图像的通用压缩编码。JPEG可支持多达16M种颜色(又称为24位真彩、全彩)，JPEG是一种以损失质量为代价的压缩方式，压缩比越高，图片质量损失越大，其典型的压缩比是4∶1。 * 第*页 2.4.1 图像的格式 PNG(Portable Network Graphics)是由 GIF 发展而来的一种卓越的网络图像格式，它是一种自由开放的文件格式，不隶属于任何公司和组织。PNG 采用一种无损压缩的方式，被广泛地应用在互联网中。不过一些版本比较低的 Web 浏览器可能不支持 PNG图像格式，所以在使用这种格式的图像时一定要考虑用户的浏览器版本。 * 第*页 2.4.2 图像标记img 插入图像要使用img标记，并用src属性指定图像所存放的路径。这个路径可以是相对路径，也可以是绝对路径。img标记的常用属性如下表所示。 * 第*页 src 图片的来源，可以使用相对路径和绝对路径，是必选项 width 图片的宽度，单位为像素 height 图片的高度，单位为像素 hspace 图片水平方向与文本之间的空白，单位为像素（赋值时，不能带px,IE9不兼容） vspace 图片垂直方向与文本之间的空白，单位为像素 border 图片边框的厚度，单位为像素 align 图片的对齐方式 alt 当鼠标移动到图片上时显示的提示文字 * 第*页 2.5 表格 2.5.1 基本的表格标记 2.5.2 设置表格的属性 2.5.3 设置跨行、跨列的表格 * 第*页 2.5.1 基本的表格标记 用HTML语言创建表格的方式如下： 创建表格：table…/table 创建表格的标题：caption…/ caption 表格各部分：theadtbodytfoot,里面内容用tr子标记呈现 创建表格的行：tr…/ tr 创建表格的表头：th…/ th 创建表格的单元格：td…/ td * 第*页 表格基本结构如下： table tr td表格的第一行的第一个单元格/td td表格的第一行的第二个单元格/td ... /tr tr td表格的第二行的第一个单元格/td td表格的第二行的第二个单元格/td ... /tr ... /table * 第*页 2.5.2 设置表格的属性 可以通过table标记的下列属性对表格进行设置，如表所示。 * 第*页 align 指定表格在浏览器窗口中的对齐方式 background 为表格设置背景图片 border 指定表格边框的宽度，以像素为单位，默认值为0 bordercolor 指定边框颜色，应与border属性一起使用 bgcolor 指定表格的背景颜色 cellpadding 指定单元格内数据与单元格边框之间的距离，以像素为单位 cellspacing 指定单元格之间的间距，以像素为单位 width 指定表格的宽度，以像素或百分比为单位 * 第*页 2.5.3 设置跨行、跨列的表格 在设计网页时，有时需要设置跨行、跨列的表格，即表格中的一个单元格占用多行或者多列。 TD标记的rowspan属性：设置单元格在水平方向上跨越的单元格个数。 TD标记的colspan属性：设置单元格在垂直方向上跨越的单元格个数。 * 第*页 2.6 表单 2.6.1 表单标记form 2.6.2 input标记 2.6.3 select标记 2.