5.6　图像实例

在前面几节中用到＜img＞常用的知识点，也学会了在图像操作中的部分控制。为了让读者更好地理解图像。以一个系统的实例一步一步地贯穿整个知识点。

从插入图像到最后完成图像整个工作，一步一步给大家演示。首先到网上找一张600×450像素的风景图。现在开始第一步。

先在网页上输入＜img＞的标记，表明用的是图像属性，其后所接的为图像链接地址，别忘记了还有其他标记。以后每一步都在＜img＞中操作，即其他标记不会变化，如代码5.4所示。

代码5.4　源文件\第5章\图像实例手把手.html

—————————————-文件名：图像实例手把手.html—————————————-

01 ＜html＞

02 ＜head＞

03 ＜title＞图像实例手把手＜/title＞

04 ＜/head＞

05 ＜body＞

06 ＜！—下面一行表示插入图像—＞

07 ＜img src="html.jpg"＞

08 ＜/body＞

09 ＜/html＞

【代码解析】在新建的网页中，代码第5～8行在标记对＜body＞＜/body＞中引入标记＜img＞，通过图像标记中的参数src引入图像名称，本实例中在同目录下的图像名为html.jpg，插入图像后的效果如图5.10所示。