HTML网页图像标签
- 常见的图像格式
- JPG
- GIF
- PNG
- BMP
- …
一、标签的定义及用法
在html中,标签是使用来在网页中嵌入一幅图像。从技术上讲,图像并不是插入到网页中,而是链接到网页中,标签的作用是为被引用的图像创建占位符。
标签在网页中很常用,比如,引入一个logo图片、按钮背景图片、工具图标等等。只要是有图片的地方,源代码中基本都有标签(除一些背景图片以外)。
二、标签语法格式
说明:
src属性是用来指定需要嵌入到网页中的图像的地址的;alt属性是使用来规定图像的替代文本,当图像不显示时,将显示该属性值内容。搜索引擎会读取该属性值内容作为图像表示的意思,所以搜索引擎优化中需注意该属性;src属性和alt属性是标签必须属性,虽然,alt属性不写也不会出错,但是建议必须写上。如果不写,搜索引擎是看不懂图像是什么意思的。还有就是如果图片不能显示了,那么会出现空白,读者也不知道这是什么意思;三、标签属性
其实对于我们新手来说,只需要了解标签的src属性和alt属性就基本够用了。标签中的大部分属性在html5版本中已经废弃,所以就不一一了解了,只看看没有被废弃的或新增的吧!
alt:图像的替代文本;
src:显示图像的URL;
height:图像的高度;
width:图像的宽度;
title:鼠标悬停提示文字
ismap:将图像规定为服务器端图像映射,值为:ismap;usemap:将图像定义为客户器端图像映射,值可以为:#mapname;crossorigin:设置图像的跨域属性,值可以为:anonymous 、use-credentials(html5新增属性);
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图像标签</title>
</head>
<body>
<img src="../resources/image/lufei.jpg" alt="路飞头像" height="200" width="200" title="海贼王">
</body>
</html>
200" width=“200” title=“海贼王”>
```