图片标签

Posted on 2021-05-12 22:39  L1zzy  阅读(111)  评论(0)    收藏  举报

                                                                                                                图像标签

                                                   

                                                            

 

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

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

显示如下:

 

.其他属性

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

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

显示出来的如下

 

 

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

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

代码段如下

显示如下:

 

③调节图片的长度和宽度

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

博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3