在网页中插入图片需要使用的标签是<IMG>。有时用户的浏览器本身不支持图片或选择了不支持图片,所以要在标签属性ALT中输入相关的文字作为替代。如果想加入图片,先将光标定位到要插入图片的位置,然后点击Objects工具栏上的 ,或者从文件窗口上面的菜单中选择Insert/Image,接着就会出现对话框让你选择图片。

从文件夹中找到要加入的图片,对话框下面会显示出图片文件的URL路径,和图片使用相对路径的方式,可供选择的有相对于网页文件和相对于网站的根目录。我们将在网站管理部分讲到这些用法,这里只选择相对于网页文件本身就行了。
如果选择了预浏览图片的选项preview image,我们还会在对话框内看到要插入图片的大致情况,包括图片的实际尺寸、格式、文件大小和下载速度。

点击确定,图片就会显示在文件窗口内。插入一个图片后Dreamweaver会自动生成相关的代码:
<IMG src="../../images/title.jpg" width="300" height="200">
<IMG>用来在HTML中定义图片。src是一个属性,用来定义图片文件的路径或位置。width和height告诉浏览器图片显示时的具体尺寸(像素)大小。<IMG>不是对称标签,即它没有结束标签。
在文件窗口内选择了图片时,可以在属性状态栏中显示图片的属性。图片的属性包括图片的名称、高度和宽度、图片路径、超链接路径、排列方式、替代文字等等。

|