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

三、使用图像 （一）图像标签 5.图像的水平间距和垂直间距属性 水平间距属性hspace和垂直间距属性vspace用于设置图像与其相临对象的上、下、左、右边缘的距离。 html head title散文－路灯/title /head body img src=1111111.jpg width=162 height=155 hspace=50 align=left h2路灯/h2 p我是一盏灯，是一盏孤独的路灯。/p p我站在城市里不起眼的角落，默默地看着四季的变迁，接受着四季的侵蚀。我不喜欢春天，鸟儿叽叽喳喳的叫声吵得我睡不了觉；我也不爱夏天，炙热的太阳似乎要把我蒸发掉；我最讨厌冬天，厚厚的积雪压得我抬不起头来。在风吹雨打中，我的身体慢慢残破了，眼睛也慢慢开始花了。/p p那是一个满天繁星的夏夜，一个深夜归家的女孩子却温暖了我年久失修的心。“妈，没事，这不是有那盏老路灯的么，我不怕 ”这句话犹如晴天霹雳闪过，我的怨言与不满在这一瞬间通通消失，随之而来的是，幸福。原来，我的存在，一直是那么温暖的角色。虽然我再也不能挺立的的直直的了，也无法发出以前那种耀眼的光芒了，可是我觉得我很幸福。我突然好想春天的鸟儿，夏天的骄阳还有冬天的雪花，我想大声告诉他们，我有多么爱这个世界。/p p我是一盏灯，打我睁开眼，我就站在这，站了一辈子，也照了一辈子。/p p我是一盏灯，是一盏幸福的老灯。/p /body /html 预览效果 三、使用图像 （一）图像标签 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）cellpaddi