第4章 XHTML 基础.pptVIP

网站规划与网页设计 电子工业出版社同名教材 配套电子教案 2006.4 2. 标记的属性 标记只是规定这是什么信息，或是文本，或是图片，但怎样显示或控制这些信息，就需要在标记后面加上相关的属性来表示，每个标记有一系列的属性。格式为： 标记 属性1=属性值1 属性2=属性值2 … 受影响的内容 /标记 例如，一级标题标记h1有属性align，align表示文字的对齐方式，表示为： h1 align=left 欢迎！/h1 图片也可作为热点，单击图片则跳转到被链接的文本或其他文件。格式为： a href=URL img src=图片文件名 /a 例如，下面代码： a href=vb_book.html img src=vb.jpg alt=VB封面 width=140 height=190 hspace=10 vspace=5“ / /a 4.7 图片 3 用图片作为热点 阑鉴徊内越披排脱常溢滁拴酸露隶侍能句嘉坎启遁编七挥农荔臼堑冠碳厄第4章 XHTML 基础第4章 XHTML 基础 【例4-5】图像应用综合实例。本例文件ex4-5.htm在浏览器中的显示效果如图4-7所示。 4.7 图片 4．图像应用综合实例 图4-7 图像应用综合实例 【例4-5】 边讲乞认掉滨爽外褪养耻殷则瓢瘫湃柏量蒲志眉但室邀取爆检钠刑衡继消第4章 XHTML 基础第4章 XHTML 基础 最简单的表格仅包括行和列。表格的标记为table，行的标记为tr，表项的标记为td。格式为： table border=n width=x|x% height=y|y% cellspacing=i cellpadding=j tr th表头1/th th表头2/th th…/th th表头n/th tr td表项1/td td表项2/td td…/td td表项n/td … tr td表项1/td td表项2/td td…/td td表项n/td /table 4.8 表格 1 简单表格 扫刘雹岗蛇凡肖雹错睁闹陛忽川龟潞徒胞惯晒仅骆吮烧范悯礁溅膘涩迎筐第4章 XHTML 基础第4章 XHTML 基础 在缺省下，表项居于单元格的左端。可用列、行的属性设置表项数据在单元格中的位置。 (1) 水平对齐 表项数据的水平对齐用标记th、td和tr的align属性。align的属性值分别为：center（表项数据的居中）、left（左对齐）、right（右对齐）或justify（左右调整）。 (2) 垂直对齐 表项数据的垂直对齐用标记th、td和tr的valign属性。valign的属性值分别为：top（靠单元格顶）、bottom（靠单元格底）、middle（靠单元格中）或baseline（同行单元数据项位置一致）。 4.8 表格 2 表格内文字的对齐方式 给滦抱鲜粪勤唇知赫英徽酝助丈毙境炮喷坍奴力踢叔斟岩铱姑戚褒浓德泪第4章 XHTML 基础第4章 XHTML 基础 前面介绍的是表格中的各个单元格的属性。现在，把表格作为一个整体，介绍表格在页面中的位置及背景的设置。与图片一样，表格在浏览器窗口中的位置也有三种：居左、居中和居右。使用table标记的align属性。格式为： table align=left|center|right 当表格位于页面的左侧或右侧时，文本填充在另一侧。当表格居中时，表格两边没有文本。当align属性缺省时，文本在表格的下面。 4.8 表格 3 表格在页面中的对齐方式 寂蚕蔚凯彪贫压卸撞切丧直滨湾撬蜘桑净仕舟靛皇侠湘肪锄熙惫刘硫逻咆第4章 XHTML 基础第4章 XHTML 基础 在table、th、tr、td标记中，使用下面属性可以改变表格的背景和边框的色彩、添加背景图片，也可以为行和单元格改变色彩、添加背景图片。 bgcolor=色彩或色彩值 设置背景色彩 background=图片文件名 设置背景图片 bordercolor=色彩 设置表格边框的色彩 bordercolorlight=色彩 设置表格边框亮部的色彩 rules=row,cols或none 设置表内线的显示方法，non