您的位置:学习中国 推荐教程 Dreamweaver 正文
原作者:admin 添加时间:2007-05-22 原文发表:2007-05-22 人气:27


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


从文件夹中找到要加入的图片,对话框下面会显示出图片文件的URL路径,和图片使用相对路径的方式,可供选择的有相对于网页文件和相对于网站的根目录。我们将在网站管理部分讲到这些用法,这里只选择相对于网页文件本身就行了。

如果选择了预浏览图片的选项preview image,我们还会在对话框内看到要插入图片的大致情况,包括图片的实际尺寸、格式、文件大小和下载速度。

点击确定,图片就会显示在文件窗口内。插入一个图片后Dreamweaver会自动生成相关的代码:

<IMG src="../../images/title.jpg" width="300" height="200">

<IMG>用来在HTML中定义图片。src是一个属性,用来定义图片文件的路径或位置。width和height告诉浏览器图片显示时的具体尺寸(像素)大小。<IMG>不是对称标签,即它没有结束标签。
在文件窗口内选择了图片时,可以在属性状态栏中显示图片的属性。图片的属性包括图片的名称、高度和宽度、图片路径、超链接路径、排列方式、替代文字等等。


本页地址
相关文章

使用超链接(2)
使用超链接(1)
文字格式的设定
了解Dreamweaver的使用界面
Dreamweaver MX进阶教程:制作虚线
Dreamweaver制作网页实用七招
用Dreamweaver进行数据库操作
在网页中使用图片(2)
在网页中使用图片(3)
在网页中使用图片(4)
DreamweaverMX进阶教程一可视化操作iframe
DreamweaverMX进阶教程二滚动字幕
DreamweaverMX进阶教程三轻松制作弹出菜单
DreamweaverMX进阶教程四使用插件
DreamweaverMX进阶教程五制作弹出窗口
DreamweaverMX进阶教程六网页添加背景音乐
DreamweaverMX进阶教程七创建基于框架的网页

相关评论


本文章所属分类:首页 推荐教程 Dreamweaver   Dreamweaver