图像
---摘自《骄傲中华》(翻译/茶博士)
下一步是插入图像。图像文件是和HTML文件分离的,使用IMG标记插入HTML文件。又一个必须的属性: SRC,确定图像的路径和文件名。IMG标记不需要结束标记。
<IMG SRC="images/myimage.gif">
这个例子里,文件 myimage.gif 保存在 images 子目录。注意图像文件的路径,和HTML文件不在同一目录,要使用相对路径。
放置图像
图像默认的是行内图像,就是说,浏览器和处理文字一样处理图像,图像的底端和字对齐,周围的文字不会包围图像。
你可以把图像放在单独的段落或表格里。使用IMG的属性 ALIGN="Right" 或"Left" 使文字环绕图像。
要插入图像,按图像按钮
,或选择
Tools > Quick Image (CTRL+SHIFT+I)。
技巧: 最快的方法是把图像文件拖拉到HTML文件里。
管理图像
HomeSite是插入图像更容易:
- 自动计算HEIGHT和WIDTH属性,使页面更快显示。
- Image 对话框包含一个预览窗口。
- 按
查看图像小图。
在第一段后插入希腊立柱图像:
- 光标放在第一段的后面,按图像按钮
或选择 Tools > Quick Image (CTRL+SHIFT+I) 打开图像标记编辑器。
- 在source里面输入 images/greekcolumn.gif 。
- 在align列表中选择 RIGHT。
- 设置 HEIGHT 187和 WIDTH 111。
- 按 Apply。
<IMG SRC="images/greekcolumn.gif" ALIGN="Right" HEIGHT="187" WIDTH="111">