码迷,mamicode.com
首页 > Web开发 > 详细

HTML的图像标签

时间:2020-02-15 23:13:59      阅读:115      评论:0      收藏:0      [点我收藏+]

标签:expand   图片   height   找不到   选项   gif   源文件   bsp   title   

网页的图像标签

常见的图像格式

  1. JPG

  2. GIF

  3. PNG

  4. BMP

图像标签可以带属性,格式为:

<img src="path" alt="text" title="text" width="x" height="y" />

位置含义(其中,src和alt是必填,其他选填)

path:文件位置(推荐使用相对位置)

text:当找不到文件的时候,替代的文字

text:鼠标悬停在图片上的时候,显示什么文字

width:图片宽度

height:图片高度

创建资源文件夹,并放入一个图片

通常资源单独建一个文件夹

技术图片

技术图片

技术图片

技术图片

技术图片

技术图片

技术图片

导入图片路径

不推荐使用绝对路径,通常采用相对路径。

1、 ../是回到上级目录,回到上级目录。

技术图片

2、 /是下级目录,再到下级目录,找到图片。

技术图片

设置导入图片的其他选项

(其中,src和alt是必填,其他选填)

text:当找不到文件的时候,替代的文字

text:鼠标悬停在图片上的时候,显示什么文字

width:图片宽度

height:图片高度

技术图片

 

 

 

 

 

 

 

 

HTML的图像标签

标签:expand   图片   height   找不到   选项   gif   源文件   bsp   title   

原文地址:https://www.cnblogs.com/WZ-BeiHang/p/12315052.html

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