课堂范例
——在网页中插入图像

本例可以利用＜ img src ＞标签来制作，具体操作步骤如下（本例所使用的图像文件所在位置：源文件与素材/素材文件/第3章）。

步骤01 新建一个记事本文档，在文档中输入以下代码。

步骤02 在＜body＞与＜/body＞标签之间输入代码。

步骤03 将以上代码保存为HTML文件，打开网页，效果如图3-1所示。

3.1.2 设置图像属性

插入图像的标签是＜img＞，其基本语法如下。

src属性指明了所要链接的图像文件地址，这个图像文件可以是本地计算机上的图像，也可以是位于远端服务器上的图像。地址的表示方法同超链接中URL地址表示方法，如＜img src="images/123.jpg"＞。

img还有两个属性是height和width，分别表示图形的高和宽。通过这两个属性，可以改变图像的大小。如果没有设置图像大小，则图像按照原始大小显示，具体示例如下。

将以上代码保存为HTML文件，使用浏览器打开，效果如图3-2所示。

设置height和width属性，示例代码如下。

将以上代码保存为HTML文件，使用浏览器打开，效果如图3-3所示。