图像

---摘自《骄傲中华》(翻译/茶博士)

下一步是插入图像。图像文件是和HTML文件分离的,使用IMG标记插入HTML文件。又一个必须的属性: SRC,确定图像的路径和文件名。IMG标记不需要结束标记。


<IMG SRC="images/myimage.gif">
这个例子里,文件 myimage.gif 保存在 images 子目录。注意图像文件的路径,和HTML文件不在同一目录,要使用相对路径。
放置图像
图像默认的是行内图像,就是说,浏览器和处理文字一样处理图像,图像的底端和字对齐,周围的文字不会包围图像。

你可以把图像放在单独的段落或表格里。使用IMG的属性 ALIGN="Right" 或"Left" 使文字环绕图像。

要插入图像,按图像按钮 Undisplayed Graphic,或选择 Tools > Quick Image (CTRL+SHIFT+I)。

技巧: 最快的方法是把图像文件拖拉到HTML文件里。
管理图像
HomeSite是插入图像更容易:

在第一段后插入希腊立柱图像:

  1. 光标放在第一段的后面,按图像按钮 Undisplayed Graphic 或选择 Tools > Quick Image (CTRL+SHIFT+I) 打开图像标记编辑器。
  2. 在source里面输入 images/greekcolumn.gif
  3. 在align列表中选择 RIGHT。
  4. 设置 HEIGHT 187和 WIDTH 111。
  5. 按 Apply。

<IMG SRC="images/greekcolumn.gif" ALIGN="Right" HEIGHT="187" WIDTH="111">