BOB体官网手机版教程之如何创建图像和链接?
上一节中,3个村民排列了自家的产品,这回, 其中第一个村民为了和其他村民竞争,给产品加上了图片。图形化网页列表如代码1-3所示。
打开记事本,输入以上代码,另存文件名为“img.htm"至桌面,双击“img.htm”文件,显示结果如图1.5所示。
提示:此时是看不到图片的,赶紧上网找几张冬瓜、西瓜、南瓜的图片,然后在桌面新建文件夹“images",将找到的图片放入“images’文件夹,重新打开img.htm看看,就能看到了。
BOB体官网手机版代码分析:在网页中加入图片用<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所示。
建站流程
-
网站需求
-
网站策划方案
-
页面设计风格
-
确认交付使用
-
资料录入优化
-
程序设计开发
-
后续跟踪服务
-
联系电话
010-60259772
热门标签
- BOB体官网手机版
- 无锡BOB体官网手机版
- 研究所BOB体官网手机版
- 沈阳BOB体官网手机版
- 廊坊BOB体官网手机版
- 郑州BOB体官网手机版
- 婚纱摄影BOB体官网手机版
- 食品BOB体官网手机版
- 手机端BOB体官网手机版
- 高校BOB体官网手机版
- 天津BOB体官网手机版
- 教育BOB体官网手机版
- 品牌BOB体官网手机版
- 政府BOB体官网手机版
- 北京BOB体官网手机版
- BOB体官网手机版
- BOB体官网手机版
最新文章
推荐资讯
更多行业-
朝阳BOB体官网手机版--UI设计师如何让设计稿还原?
大部分新手设计师可能都会遇到一个问题,设计效果很赞,为何还原效果那么差...
2018-08-14 -
SEO技术不能钻牛角尖 学好基础才是关键
SEO技术不能钻牛角尖 学好基础才是关键如今许多站长在进修SEO技能时...
2011-11-12 -
SEO优化对网站来说到底有什么重要意义
SEO网站优化的意思大家都知道搜索引擎优化,对运营网站的站长们来说,S...
2012-06-12 -
如何做好学校BOB体官网手机版?
学校BOB体官网手机版主要为学校的老师和学生和学生家长服务,与其他商业性质的网站...
2015-12-30 -
北京BOB体官网手机版之优化注意事项
1、网站尽可能的简洁。手机网站比PC端网站下载的速度慢很多,因此要尽量...
2018-08-15 -
搜索引擎内外合并优化的好处有哪些
做得再多,网络推广的所追求的有效果的工作。不掌握方法和技巧只会吃了不讨...
2012-06-18
预约专业咨询顾问沟通!
免责声明
非常感谢您访问大家的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。
1、BOB体官网手机版部分内容来源自网络,涉及到的部分文章和图片版权属于原编辑,BOB体官网手机版转载仅供大家学习和交流,切勿用于任何商业活动。
2、BOB体官网手机版不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。
4、如果侵害了您的合法权益,请您及时与大家,大家会在第一时间删除相关内容!
联系方式:010-60259772
电子邮件:394588593@qq.com