我们平常在页面中不只是能看到文字说明,也能看到很多图片出现在页面中,图片的出现大大增加了用户的观赏性,使页面内容不在枯燥无味,下面我们来学习如何在页面中插入图片。
<body>
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1540578355285&di=04ad02397a6ca0f3b3f905ae5a2ef433&imgtype=0&src=http%3A%2F%2Fimgsrc.baidu.com%2Fimgad%2Fpic%2Fitem%2Fc9fcc3cec3fdfc036aea1c9bde3f8794a4c22607.jpg" alt="">
</body>

效果如图所示,我们成功地在页面中插入了一幅图片。
想要在页面中插入图片,我们需要使用<img>标签。
<img>标签:img就是图片image的缩写,我们在定义img标签后,在标签内写入路径src,这个路径可以是本地路径,也可以是网络路径,我所使用的是网络路径,本地路径请填写相应的路径即可。
当然我们也可以设置照片的宽度和高度,属性分别是width,height;我们之前已经说过这两个属性的功能,再次不再赘述。 |