如何在网站制作教程中创建图像和链接？

上一节，3位村民布置了自己的产品。这一次，第一个村民为了与其他村民竞争，给产品加上了图片。图形网页列表如代码1-3所示。

打开记事本，输入以上代码，将文件另存为“img.htm”到桌面，双击“img.htm”文件，显示结果如图1.5所示。

提示：此时看不到图片，赶快在网上找一些冬瓜、西瓜、南瓜的图片，然后在桌面新建一个文件夹“images”，把找到的图片放到“images”里文件夹，然后重新打开img。 htm 看看，你可以看看。建站代码分析：给网页添加图片使用img标签。在本例中，img 标签有3 个属性，以空格分隔。 “src”属性指定图片的路径，“width”属性指定图片的宽度。宽度，'height'属性指定图像的高度。

自从第一个村民贴上了冬瓜、西瓜、南瓜的图片，其他村民就纷纷效仿，直到每个人的产品越来越多。一页放不下所有图片。这时，第一个村民研究了几天，决定修改版本。原图与列表页分离。列表仅用于显示产品的名称和描述，并在名称中添加链接。单击名称可查看图片。

第三个村民共有4页源代码。打开记事本，输入代码1-4，将文件另存为“links.htm”到桌面。

打开记事本，输入以下代码，将文件命名为'donggua.htm'保存到桌面。

打开记事本，输入以下代码，将文件另存为“nangua.htm”到桌面。

全部保存后，回到桌面，双击“links.htm”文件，浏览器显示结果如图1.6。

页面内容中的冬瓜、西瓜、南瓜都是带颜色加下划线的，表示冬瓜、西瓜、南瓜各有一个链接，点击后会跳转到另一个地方。点击任意链接，如冬瓜，浏览器会跳转到“donggua.htm”，到达“donggua.htm”后，也可以点击“返回列表”链接返回“links.htm”，如如图11.7所示。

营销型网站建设代码分析：从一个页面跳转到另一个页面，可以使用链接标签a。在此示例中，a 标记具有属性“href”以指定要访问的页面。有了链接，就不用每次都在浏览器地址栏输入地址，直接点击链接就可以到达想去的地方，就像现在人们使用的互联网一样，一个网站链接到另一个网站网站，另一个网站链接到另一个网站。其他网站最终形成了一个规模不详的网络。