HTML——添加图像、设置图像属性

一.    添加图像

    标签：            img

    功能：            添加图像

    语法：            <img  src="图像文件地址">

                  【注】  路径可以是相对路径，也可以是绝对路径。

二.    设置图像属性

1.  图像高度——height

    通过  height  属性可以设置图片显示的高度，默认情况下，改变高度的同时，其宽度也会等比例进行调整。

    属性：            height

    功能：            设置图像高度

    语法：            <img  src="  图像文件的地址 "  height="图像高度">

【注】：图像高度单位为像素。

2.  图像宽度——width

    

     属性：            height

     功能：            设置图像高度

     语法：            <img  src="图像文件的地址"  height="图像高度">

 【注】：图像宽度单位为像素。

3.   图像边框——border

    

    属性：            border

    功能：            设置图像边框

    语法：            <img  src="图像文件的地址"    border="图像边框的宽度">

 【注】：border  的单位为像素。

4.  图像水平间距——hspace

    

    属性：            hspace

    功能：            设置图像水平间距

    语法：            <img  src="图像文件的地址"    hspace="水平间距">

 【注】： 水平间距  hspace  属性的单位为像素。

5.  图像垂直间距——vspace

    

    属性：            vspace

    功能：            设置图像垂直间距

    语法：            <img  src="图像文件的地址"    vspace="垂直间距">

 【注】： 垂直间距  vspace  属性的单位为像素。

6.  图像相对于文字基准线的对齐方式——align

     属性：            align

     功能：            设置图像相对文字的对齐方式

     语法：            <img  src="图像文件的地址"    align="相对文字的对齐方式">

align 的取值

align 取值	表示的含义
top	把图像的顶部和同行的最高部分对齐(可能是文本的顶部，也可能是图像的顶部)
middle	把图像的中部和行的中部对齐(通常是文本的基线，并不是实际的行的中部）
bottom	把图像的底部和同行文本的底部对齐
texttop	把图像顶部和同行中最高的文本的顶部对齐
absmiddle	把图像中部和同行中最大项的中部对齐
baseline	把图像的底部和文本的基线对齐
absbottom	把图像底部和同行中的最低项对齐
left	使图像和左边界对齐  (文本环绕图像)
right	使图像和右边界对齐  (文本环绕图像)

7.  图像的提示文字——title

    属性：            title

    功能：            设置图像提示文字

    语法：            <img  src="图像文件的地址"    title="提示文字的内容">

8.  图像的替换文字——alt

    

    属性：            alt

    功能：            设置图像替换文本

    语法：            <img  src="图像文件的地址"    alt="替换文字的内容">