使用代码提示添加图像

要手动将代码添加到页面中，请在“代码”视图中单击，然后开始键入。您可以使用代码提示功能来提高编写代码的速度。

本节中，您将使用代码提示将路标图像添加到 Cafe Townsend 索引页面中。

1. 如果 index.html 页面尚未打开，则打开它。
2. 在“设计”视图中，选择 street_sign.jpg 图像（它位于 Flash 视频占位符的下方）并按 Delete 键。

   现在，您将使用代码提示重新插入该图像，而不是像在教程：向页面添加内容中那样从“资源”面板中拖动它。

3. 通过单击“文档”工具栏中的“代码”视图或通过选择“查看”>“代码视图”切换到“代码”视图。

   在“代码”视图中，插入点应位于开始段落标签和结束段落标签之间，如下所示：

   

   如果在封闭表单元格 </td> 标签之前未看到开始段落标签和结束段落标签，则按如下所示键入它们：

   

   将插入点放置在开始 <p> 标签和结束 <p> 标签之间。

4. 删除可能位于开始 <p> 标签和结束 <p> 标签之间的所有内容，例如，不中断空格 (&nbsp;)。
5. 将插入点放置在开始<p> 标签和结束 <p> 标签之间后，键入一个左尖括号 (<)。

   在插入点处出现标签列表。

   

   注意

   您可以通过选择“编辑”>“首选参数”(Windows) 或“Dreamweaver”>“首选参数”(Macintosh)，然后从左侧的分类列表中选择“代码提示”，来设置该列表出现前的延迟时间长度。在“代码”视图中，您可以通过按下 Control+空格键随时显示代码提示菜单，通过按下 Esc 键可以随时关闭代码提示菜单。

6. 从列表中选择 img 标签，然后按 Enter 键 (Windows) 或 Return 键 (Macintosh) 插入该标签的第一个部分。

   提示

   若要快速滚动到某个标签，可以开始键入该标签名。

7. 按空格键可以显示该标签的属性列表。
8. 开始键入 src，在提示菜单中选定 src 属性，然后按 Enter 键 (Windows) 或 Return 键 (Macintosh)。

   

   在您刚键入的代码下随即出现浏览 一词，并且处于选定状态。

9. 按 Enter 键 (Windows) 或 Return 键 (Macintosh) 浏览至一个文件。
10. 在“选择文件”对话框中，定位到 street_sign.jpg 文件（它位于 cafe_townsend 根文件夹的 images 文件夹中），然后单击“确定”(Windows) 或“选择”(Macintosh)。

    

    该图像的 URL 会作为 src 属性的值插入，插入点出现在右引号之后。

11. 按空格键，从提示菜单中选择 alt 属性，然后按 Enter 键 (Windows) 或 Return 键 (Macintosh)。
12. 不要在引号中填写内容，因为此图像只是一个插图。

    使用右箭头键将插入点移动到引号的右侧。

13. 键入一个右尖括号 (>) 完成该标签。

    

14. 保存页面。

    提示

    要将属性添加到现有标签中，请将插入点放置在标签的最终属性值之后并按空格键。显示属性列表时，添加一个属性并指定一个值（如果存在）。