投稿 评论 顶部
 手机版 | 登陆 | 注册 | 留言 | 设首页 | 加收藏

控制图片大小高低规格属性代码

佚名 常用代码

        网站管理中,我们常用到一些图片,有些图片大小宽高不合适,我们怎么让图片符合我们的要求或者自适应页面宽高大小呢?

一,宽高代码如下:

<img src="图片" style="width:1000px;height:80px;" />

1:width:1000px,图片宽度1000

2:height:80px;,图片高度80

二,自适应需要简单修改一下数字,代码如下:

<img src="图片" style="width:100%;height:100%;" />

这样图片就可以自适应页面大小了;

三,我们还可以给图片加上描述元素,利于SEO,在图片后面加上alt="描述文字",代码如下:

<img src="图片" alt="描述文字" />

综上所述,完整代码这样写:

<img src="图片地址" alt="描述图片属性文字" style="width:宽高大小;height:宽高大小;" />


—— 图片大小宽高代码丨如何用代码控制图片显示的大小丨设置图片大小代码——