码迷,mamicode.com
首页 > 其他好文 > 详细

图片标签

时间:2021-05-24 07:13:16      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:idt   缩小   提示   宽度   感受   格式   变形   mic   对比   

                                                                                                                图像标签

                                                   技术图片

                                                            技术图片

 

格式:<img src=“图像URL”/> 是单标签

.Src是<img>的必须属性,后续不管是变化高宽或者添加‘点击图片显示’这一类功能,都是要先写src的。

技术图片

显示如下:

技术图片

 

.其他属性

①  Alt   图片不能显示时的说明文本(为了防止大家想到奇怪的东西)

   <img src=" 图像URL " alt=" 文本">

技术图片

显示出来的如下

技术图片

 

 

②  Title 提示文本(将鼠标放到图片上就可以显示提示文本)

<img src=" 图像URL " title=" 文本">

代码段如下

技术图片

显示如下:

技术图片 

③调节图片的长度和宽度

调节图片的高度           <img src="图像URL" height="高度">
技术图片
显示图片如下:
技术图片
 
调节图片宽度       <img src="图像URL" width="宽度">
代码段如下图
技术图片
技术图片
 
为了图片在博客里能够放得下,所以把图片缩小了,但是米娜桑一定可以通过对比与标题的大小变化能感受到图片的变化吧?一定吧?一定吧?
 
 
但是可以发现,变换长度和高度不明显。因为在编辑一个数值时,编译器会自动调节另一个数值变成合理的值。(也就是成比例缩放)
不过我们可以通过手动编辑,使得图片变形成我们想要的比例
如下图
技术图片
 
 
效果如下:
技术图片
立马开始不正常了哈哈哈哈哈哈哈

图片标签

标签:idt   缩小   提示   宽度   感受   格式   变形   mic   对比   

原文地址:https://www.cnblogs.com/l1zz/p/14762309.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!