HTML的图像标签

网页的图像标签

常见的图像格式

  1. JPG

  2. GIF

  3. PNG

  4. BMP

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

text

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

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

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

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

width:图片宽度

height:图片高度

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

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

HTML的图像标签_第1张图片

HTML的图像标签_第2张图片

HTML的图像标签_第3张图片

HTML的图像标签_第4张图片

HTML的图像标签_第5张图片

导入图片路径

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

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

HTML的图像标签_第6张图片

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

HTML的图像标签_第7张图片

设置导入图片的其他选项

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

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

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

width:图片宽度

height:图片高度

HTML的图像标签_第8张图片

 

 

 

 

 

 

 

 

你可能感兴趣的:(HTML的图像标签)