今天心情很烦
第八章 将图像放到网页中
1.要将图像放到网页中，首先要将图像文件放在HTML文本文件所在的文件夹下。将<img src=”myimage.gif” alt=”My Image”/>放到图片要显示的地方，用实 际图像文件替换myimage.gif
注：src属性标识图像文件 alt属性指定关于图像的描述性文件，当用户不能看到图像时，将看到alt属性指定的文本
网页上的每个<img/>标签必须包含一个合适的alt属性，对于一些小的或装饰性的图像，可以赋予它一条空文本消息（alt=””）
2.title属性：对<img/>标签不是必须的。类似于alt属性但它的显示与图像的可见性无关。
在两个属性都指定的情况下，在工具提示中title属性将覆盖alt属性。
3.photo_sm.jpg中的_sm表示”_small”
4.<div style=”text-align:center”> 居中对齐 可应用于
<div style=”text-align: right”> 右对齐 文本和图像
<div style=”text-align:left”> 左对齐
5.在<img/>标签内直接使用float样式，使文本围绕图像
例如： <img src=”fish.jpg” alt=”A Fish” style=”float:left”/>
<img src=”fish.jpg” alt=”A Fish” style=”float:right”/>
style=”float:left” 图像左对齐，文本围绕在图像的右边
style=”float:right” 图像右对齐，文本围绕在图像的左边
6.垂直对齐图像：
(1)要使图像的顶部与同一行中最高的图像或文本的顶部对齐，使用<img style=”vertical-align:text-top”/>
(2)要使图像的底部与文本的底部对其，使用<img style=”vertical-align:text-bottom”/>
(3)要是图像的中心与同一行中其他内容的中心对齐，使用<img style=”vertical-align:middle”/>
(4)要使图像的底部与文本的基线对齐，使用<img style=”vertical-align: baseline”/>
7.<img/> 将图像放在网页中
Src=”地址” 图像的地址或文件名
Alt=”取代图像的描述” 显示在图像位置上的对图像的描述，主是提供给不能看到图像的用户看的
Title=”标题” 作为图像标题显示的文本信息，通常显示在图像上的一个弹出窗口（工具提示）中
Width=”宽度” 图像的宽度，单位是像素
Height=”高度” 图像的高度，单位是像素
Style=”border-style:none” 如果图像是链接，就去掉图像周围的边框
Style=”vertical-align:text-alignment”图像在垂直方向上按text-top,top.text-bottom,text-middle.text-baseline
Style=”float:float” 使图像浮动在一边，文本环绕在另一边，可选择的值left,right.none(默认值)
来源：https://www.cnblogs.com/jiayin2009/archive/2009/06/02/1494936.html