AUTOCAD2009教程chap09.pptVIP

HTML网站开发案例指导 重点内容： 图像标签 图像超链接 影像地图 第9章 HTML图像 一、图像标签 在网页中插入图像用单标签img实现，当浏览器读取到该标签时，就会显示该标签所设置的图像。该标签包含6个属性，其中src表示图像源文件属性，指定要显示图像文件所在位置。该属性的设置值为图像的URL，可以是相对路径，也可以是绝对路径，基本语法格式如下： 1、源文件属性src 绝对路径表示范例：img src= ?/image/index.htm? 相对路径表示范例：img src= ?star.htm? 只有当图像文件和HTML文档在同一目录下时，才可以使用相对路径表示。该属性的应用代码如下： body h1 align=center图像源文件属性的应用/h1 img src=guilinshanshui.jpg p…于是形成了“山清、水秀、洞奇、石美”的桂林“四绝”，而自古就有“桂林山水甲天下”的赞誉。/p /body 一、图像标签 图像的宽度属性用width表示，高度属性用height，基本语法格式如下： 2、图像的高度和宽度属性 img src=“URL” width=“宽度” height=“高度 语法格式中的width指定图像的水平方向的大小，以像素为单位；height指定图像在垂直方向的大小，以像素为大小。如果不设置这两个属性，则以原始图像大小显示。其应用代码如下： body h1 align=center设置图像大小/h1 img src=xianrenzhang.jpg width=400 height=400 p仙人掌…/p /body 一、图像标签 图像的边框属性为border，为图像添加一个黑色、实线指定宽度的边框，宽度以像素为单位。基本语法格式如下： 3、图像的边框属性 img src=“URL“ border=”指定宽度 该属性的应用代码如下： body h1 align=center图像边框的设置/h1 img src=songbie.jpg width=300 height=300 border=3 … /body 一、图像标签 图像和文字之间的对齐方式是通过图像排列属性align设置的，基本语法格式如下： 4、图像的排列属性 img src=“url” align=“对齐方式 其中，align的对齐方式包括绝对对齐和相对对齐。绝对对齐有3种设置值：middle居中对齐；left左对齐和right右对齐；相对对齐是指图像与一行文字的相对位置，其设置值为top上对齐和bottom下对齐。该属性的应用代码如下： body h1 align=center设置图像的对齐方式/h1 img src=moon.jpg align=left … img src=yue.jpg align=right … /body 一、图像标签 图像的水平间距属性hspace和垂直间距属性vspace，用于设置图像与文本文字上、下、左、右边缘的距离。其中，hspace用于设置图像与文字的左右边缘的空白间距；vspace用于设置图像与文字的上下边缘的空白间距，都以像素为单位。基本语法格式如下： 5、图像的水平间距和垂直间距 img src=URL vspace=垂直距离 hspace=水平距离 应用代码如下所示： body h1 align=center图像与文本的距离/h1 img src=night.jpg align=left hspace=50 vspace=80 width=100 height=100 … /body 一、图像标签 图像的提示文字属性alt，用于指定当鼠标移到图像上时，图像上显示的提示文本。该属性的基本语法格式如下： 6、图像的提示文字属性 img src=“URL“ alt=“提示文字 当src指定的图像无法显示时，浏览器将在img标签处显示alt属性所设置的文本。该属性的应用代码如下： body background=001.jpg h1图像的提示文字/h1 img src=kqdnf.jpg width=200 height=200 alt=孔雀东南飞br … /body 二、图像超链接 图像可以像文字一样创建超链接，基本语法格式如下： a href=URLimg src=URL/a 第1个URL指定了图像链接到的页面；第2个URL指定图像文件的路