第二章-网页制作语言HTML.pptVIP

三、使用图像 （一）图像标签 6.图像的提示文字属性 图像的提示文字属性alt用于指定当鼠标指针移动到该图像上后，图像上显示出的提示文字。 img src=pic.jpg width=100px height=100px align=left alt=路灯 / 预览效果 三、使用图像 （二）图像超链接 图像也可以像文字一样设置超链接，只需要将图像标签包含在超链接标签中即可，当为图像设置超链接后，单击图像可以跳转到链接的页面。创建图像超链接格式如下： a href=URLimg src-URL//a 四、使用列表 四、使用列表 （一）无序列表 无序列表是指没有进行编号的列表，无序列表使用的标签是ul…/ul和li…/li，其中ul…/ul表示列表的类型为无序列表，li…/li表示该列表中的每个列表值。 ul li第一个列表值/li li第二个列表值/li /ul 预览效果 如果需要修改无序列表的列表符号，可以为ul…/ul标签添加type属性，tpye的类型对于无序列表来说，常用的有3种属性值，分别是圆点disc、空心圆点circle和方块square。 四、使用列表 （二）有序列表 有序列表是指有编号的列表，有序列表使用的标签是ol…/ol和li…/li，其中ol/ol表示列表的类型为有序列表，li…/li表示该列表中的每个列表值。 ol li第一个列表值/li li第二个列表值/li /ol 预览效果 如果需要修改有序列表的列表编号类型，同样可以为ol…/ol标签添加type属性，对于有序列表来说，tpye常用的有5种属性值，如右表 类型值 生成样式 序列举例 A 大写字母 A、B、C、D、E a 小写字母 a、b、c、c、e I 大写罗马数字 I、II、III、IV、V i 小写罗马数字 i、ii、iii、iv、v 1 阿拉伯数字 1、2、3、4、5 五、使用表格 五、使用表格 （一）表格标签 在HTML中，表格使用table…/table标签创建。表格的内容由表格行标签tr/tr、表格单元格标签td…/td和表格标题行标签th…/th来定义。 html head title表格/title /head body table border=2 tr td第一行第一个单元格/td td第一行第二个单元格/td /tr tr td第二行第一个单元格/td td第二行第二个单元格/td /tr /table /body /html 预览效果 五、使用表格 （二）表格标题 表格的标题使用caption…/caption标签添加。 html head title表格/title /head body table border=2 width=300 caption产品名称/caption tr td align=center产品一 /td td align=center产品一/td /tr tr td align=center产品三/td td align=center产品四/td /tr /table /body /html 预览效果 五、使用表格 （三）表格属性 表格的属性主要用于控制表格的外观。 （1）border：用于定义表格的边框。 （2）cellspacing：用于设置单元格之间的距离。 （3）cellpadding：用于设置单元格中的内容与cellspacing区域的距离，如果cellspacing为0，则表示单元格的内容与表格边框的距离。 （4）width：用于设置表格的宽度。 （5）height：用于设置表格的高度，取值方法与width相同。 （6）bgcolor：用于设置表格背景颜色。 （7）background：用于设置表格的背景图像，其值为一个有效的图片地址。 （8）bordercolor：用于设置表格的边框颜色，当表格的border属性值不为0时，设置此属性才会有效。设置方法与bgcolor属性相同。 五、使用表格 （四）单元格属性 单元格包含在表格中，其HTML标签就是td…/td和th…/th 。 1.水平对齐align 该属性用于设置单元格中的内容水平方向的对齐方式，其值有3个，分别是左对齐left、居中对齐center、右对齐right。 2.垂直对齐valign 该属性用于设置单元格中的内容垂直方向的对齐方式，其值有3个，分别是顶部对齐top、居中对齐middle、底部对齐low。 3.不换行nowrap 该属性用于强制单元格的内容不换行，该属性没有值，如果不加此属性单元格中的内容如果超过单元格的宽度将自动换行。 五、使用表格 （五）合并单元格 rowspan属性用于向下合并垂直的单元格，而colspan属性用于向右合并水平的单元格。该属性一般用于td…/td和th…/th中。 td colspa