HTML 图片（Images）
亲自试一试 - 例子
添加图片
如何在html中添加图片
添加不同来源的图片
示例演示了如何从其它文件和其他服务器添加图片
HTML 图片 - <img> 标签和Src 属性
在HTML中,图片通过<img>标签定义
<img> 标签 是空的, 意味着它只可以包含属性，并且没有闭合标签
在页面中显示图片，你需要使用src属性。src属性代表了图片的“来源”。src属性的值就是你要显示图片的地址
定义图片的语法：
图片路径是指图片被存储的位置。一个图片的名字叫"boat.gif"存在www.phpxuexi.net"/static/images"文件夹下，
图片的路径是：http://www.phpxuexi.net/static/images/boat.gif:
浏览器在<img> 标签出现的地方显示图片。如果你的图片在两个段落之间，浏览器先显示第一个段落， 然后显示图片，之后显示第二个段落。
HTML图片 - Alt属性
所需的alt属性指图片由于某些原因不能显示而替换的文本。
alt属性的值由开放者进行指定:
alt 属性为一个图片提供替换的信息，比如由于某些原因图片不能显示（比如网上慢，图片路径错误，或者其他原因）
HTML图片 - 图片的高度和宽度
height 和 width 属性用于指定图片的高度和宽度
属性值的默认单位是像素（px）
提示: 指定图片宽度和高度是个好的习惯。如果这些属性设置了，当页面加载时，图片所需空间被保留。不过，没有这些属性，浏览器不会知道图片的尺寸大小。这会导致页面在在加载时（或者说加载到图片时）页面布局会被改变.
有用的提示
注意： 如果一个HTML页面里包含10个图象-11个文件被要求显示在页面的右侧。加载图象会花费时间，所以建议：谨慎的使用图象
注意： 网页加载时，实际上是从网络服务器获取图片并且添加到页面。因此，确保图片存在图片相关关联的地方，否则浏览者将得到一个破碎图片的链接图标,破碎的连接图标将显示如果浏览器找不到图片.
更多例子
让图片向左和向右浮动
示例演示了让一个图片在段落的左侧或右侧浮动.
图片超链接
示例演示了如何使用图片作为超链接.
创建一个图片地图
示例演示了如何创建一个图片地图，每个点击区域是个超链接.
