1、首先,我们用文本编辑器创建一个html文件,并输入html基本标签要素。若此步有问题,请阅读小编的“网页制作教程-Hello, world!”一篇。
2、网页中,我们使用<img>标签来显示图片。基本格式如下:<img src="图片路径" />我们在网页源码中通过这种方法来加入一个图片,这个图片讵畿缤耒会以全尺寸在网页中显示出来。
3、<img>标签中,可以使用width与height来指定图片显示大小。格式为:<img src="图片路径" width=高 height=宽 />祈硗樘缎其中高与宽可以使用像素指定,如10px表示10个像素点,我们在示例中使用这样的方法来控制图片显示的大小为60x60,这会导致图片被缩小或者被拉升。
4、我们还可以使用百分比来指定图片的显示大小,width=50%表示图片显示尺寸占屏幕的一半,示例如下:
5、关于网页显示图片的基本方法讲解完毕。我们将网页源码保存为2.html,将用浏览器打开,可以看到如下效果(从左到右三个图片分别是2-4步骤插入图片的呈现效果):