本文档详细介绍了如何使用HTML进行图像和超链接的网页设计，旨在实现一个图像页面导航。内容包括：1) 图片的选择与布局构思；2) HTML代码编写，重点强调了herf和src属性的使用，以及相对路径和绝对路径的区别；3) 注意事项，如图像的title属性、尺寸调整及边距设置。最后展示了完成后的网页效果。
根据提供的图像和超链接资源完成图像页面导航设计__实验3
一、题目解析：
网页上面有四张图片，从左到右依次是iPhone、ipad、MacBook、供应商责任，这四张图片依次对应着apple网站的四个对应产品页面。我们要设计一个网页，用户可以点击网页上面的图片，进入相关苹果网页。
二、代码编写：
1、找图片
从网上任意选择4张图片。注意保存位置，代码编写时会用到。
2、按照图片构思网页布局
3、前期准备
为了方便找到图片所在位置，我将图片和代码文件放在一个地方。
4、编写代码
4、注意事项
（1）herf和src都是指向文件所在的路径，这个位置可以是绝对路径，也可以是相对路径。在这里herf是绝对路径，外部链接apple官网；在这里的src是相对路径（相对于代码编写文件所在的位置），因为我的图片文件是下载好的，并且放在了和代码文件同等级的位置，
最低0.47元/天 解锁文章
扫一扫
182
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
