网站制作教程之如何创建图像和链接?
上一节中，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所示。
推荐新闻
更多新闻-
建设什么样的网站有利于优化排名？
众所周知，建立一个网站的目的是为了在互联网上有一个好的排名，从而吸引点...
2020-04-29 -
如何设计大方简洁的网站页面
网站设计一直是站长的难题，从网站的logo开始到网站的版权设计，这都是...
2012-07-23 -
B2C网站被降权的四大原因
虽然只总结了四大罕见的原因，以上便是对B2C网站被降权原因的总结。目前...
2012-07-12 -
网站建设前期准备一定要做到位
当下随着网络时代的大力发展，网站就成为推动企业发展的有效保障，因此几乎...
2014-07-19 -
建设外贸网站要突出哪些地方？外贸网站建设细节介绍
为了摆脱对FLASH和JS的误解，外贸企业最好多参考世界500强企业的...
2020-03-10 -
[北京网站制作]30 个很棒的 PHP 开源 CMS 内容管理系统
本文汇集了30个优秀的开源CMS建站系统，采用PHP开发。以下列表不分...
2011-10-22
关于我们
扫一扫关注尚品最新动态
2008年尚品中国成立于北京，尚品创立至今共为3000多客户成功完成任务，并上线使用。
我们专注高端网站建设，网站制作，品牌网站设计，集群建站、业务系统开发，APP开发，SEO优化等业务，为用户提供一站式解决方案，并且为用户获取更多用户流量，达到用户理想的业绩指标。
-
北京总部010-60259772
地址：中国 · 北京市大兴区西红门兴创国际中心A座501
-
天津公司022-58793660
地址：中国 · 天津市河西区国际贸易中心C座3614
尚品专注高端网站建设，系统平台开发，APP开发，SEO优化服务
免责声明
非常感谢您访问我们的网站。在您使用本网站之前，请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络，涉及到的部分文章和图片版权属于原作者，本站转载仅供大家学习和交流，切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。
4、如果侵害了您的合法权益，请您及时与我们,我们会在第一时间删除相关内容!
联系方式：010-60255689
电子邮件：394588593@qq.com
