HTML图像
在HTML中，图片使用src属性指定图像的URL：
<img src="url" alt="some_text" style="width: w;height: h;">
alt属性
alt属性提供了一种图像的替换文字，如果用户因为某些原因不能查看，浏览器找不到一个图像它就会显示alt属性的值：
<img src="san.gif" alt="PIC"style="width: 120px;height: 120px;">
alt是必须的，没有它的网页无法正确验证。
HTML屏幕阅读器
屏幕阅读器是一个软件程序，读取HTML代码，转换为文本，并允许用户“听”这些内容。屏幕阅读器对盲人、视力受损或学习障碍的人有帮助。
图片宽高
可以使用样式属性指定图像的宽度和高度。
值被指定为像素（使用px）：
<img src="san.gif" alt="PIC"style="width: 120px;height: 120px;">
也可以使用宽度和高度属性确定图片大小：
<img src="san.gif" alt="PIC"width="120"height="120">
如果总是指定图像的宽度和高度。一但未指定宽度和高度，则当图像加载时，该页将闪烁。
宽度高度和style样式
宽度，高度和样式属性在HTML是有效的。但是，我们建议使用样式属性。它可以防止内部或外部样式表改变图像原始大小：
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Documenttitle>
<style>
img{
width: 100%;
}
style>
head>
<body>
<img src="san.gif" alt="PIC"style="width: 120px;height: 120px;">
<img src="san.gif" alt="PIC"width="120"height="120">
body>
html>
图像在另一个文件夹中
如果未指定，浏览器将在同一文件夹中找到与网页相同的图像。然而，在子文件夹中存储图像是常见的。但是必须包括文件夹名
<img src="test/san.gif" alt="PIC"style="width: 120px;height: 120px;">
图片在另一台服务器上
一些图像存储在图像服务器上，你可以访问世界上任何网站地址的图像：
<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png"
alt="baidu.com"style="width: 120px;height: 120px;">
动画图片
图像使用是允许使用gif图片的，插入动画图象和非动画图像，并没有什么区别
<img src="san.gif" alt="PIC"style="width: 120px;height: 120px;">
将图像作为链接
只需要在标签中嵌套
<a href="http://www.baidu.com">
<img src="san.png" alt="PIC"style="width: 120px;height: 120px;border:0;">
a>
图像浮动
使用CS浮动属性让图像浮动到文本左侧或右侧：
<p>
<img src="san.gif" alt="PIC"
style="float: right: ;width: 120px;height: 120px;border:0;">
一个段落有一个浮动的图片，一个段落有一个浮动的图片
p>
<p><strong>浮动图片到左边：strong>p>
<p>
<img src="san.gif" alt="PIC"
style="float: left;width: 120px;height: 120px;border:0;">
一个段落有一个浮动的图片，一个段落有一个浮动的图片
p>
图像地图
使用标签来定义一个图片地图。图片地图是可点击区域图像。
标签的name属性与
定义的可点击区域在图像地图上：
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="Sun" alt="sun.htm">
<area shape="circle" coords="90,58,3" href="Mercury" alt="mercur.htm">
<area shape="circle" coords="124,58,8" href="Venus" alt="venus.htm">
map>