1. 将光标定位在HTML文档中要插入图像的位置。
2. 点击“插入”菜单,选择“图像”项,或者单击“插入”面板上“常用”项,选择“图像”按钮,如下图所示:
3. 点击“图像”按钮,弹出“选择图像源文件”对话框,如下图所示:
- 单击“文件系统”单选按钮,表示从本地硬盘上选择图像文件。
- 选取图像文件后,在对话框的右边会出现它的预览图。
- 在“URL”文本框中,显示的是当前选中图像的URL地址。
- 在“相对于”下拉列表框中,选择的是文件URL地址的类型。如果选择“文档”项,表示使用的是相对地址;如果选择“站点根目录”项,表示使用的是基于站点根目录的地址。
4. 单击“确定”按钮,会弹出“图像标签辅助功能属性”对话框,如下图所示:
- 在“替换文本”下拉框中可以填入一个字符串;可以选择“<空>”值;也可以忽略它。
- 在“详细说明”文本框中可以填入一个URL地址;可以点击“浏览文件”图标,选择一个URL地址;也可以忽略它。
假如这两项全部填写了,在“代码”视图中可以查看源代码:
<img src="44.gif" alt="替换文本" longdesc="http://www.baike369.com/baike.txt" />
最后点击“确定”按钮,即可将该图像插入到HTML文档中。在“代码”视图中可以查看源代码:
<img src="images/201203/44.gif" width="100" height="100" />
- src表示要显示的图像的URL、
- width表示图像的宽度。
- height表示图像的高度。
5. 将图片插入到HTML文档中以后,仍然可以修改图片的alt属性。用鼠标点击图片,在图片“属性”面板中,在“替换”文本框中填写要替换的字符串即可修改alt属性。