网页制作教程-显示图片
编辑：Simone
2024-11-01 19:33:09
600 阅读
今天，我们通过简单教程，学习如果在网页中显示图片。
首先，我们用文本编辑器创建一个html文件，并输入html基本标签要素。若此步有问题，请阅读小编的“网页制作教程-Hello, world!”一篇。
网页中，我们使用标签来显示图片。基本格式如下：
我们在网页源码中通过这种方法来加入一个图片，这个图片会以全尺寸在网页中显示出来。
标签中，可以使用width与height来指定图片显示大小。格式为：
其中高与宽可以使用像素指定，如10px表示10个像素点，我们在示例中使用这样的方法来控制图片显示的大小为60x60，这会导致图片被缩小或者被拉升。
我们还可以使用百分比来指定图片的显示大小，width=50%表示图片显示尺寸占屏幕的一半，示例如下：
关于网页显示图片的基本方法讲解完毕。我们将网页源码保存为2.html，将用浏览器打开，可以看到如下效果（从左到右三个图片分别是2-4步骤插入图片的呈现效果）：
版权声明：本站【趣百科】文章素材来源于网络或者用户投稿，未经许可不得用于商用，如转载保留本文链接：https://www.qubaik.com/life/43023.html
