HTML5-从0开始学习之img图片属性

论坛 期权论坛 脚本     
已经匿名di用户   2022-2-9 13:50   2562   0

我们平常在页面中不只是能看到文字说明,也能看到很多图片出现在页面中,图片的出现大大增加了用户的观赏性,使页面内容不在枯燥无味,下面我们来学习如何在页面中插入图片。

<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;我们之前已经说过这两个属性的功能,再次不再赘述。

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:81
帖子:4969
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP