web新手试学第二弹（一）

图像和超链接

图像简单分为GIF格式，JPEG格式，PNG格式。

一、添加图像

img标签

语法：。

如果要引用的图片于该文件同一级目录中则只需要输入要链接的图片名称即可。

如果要引用的图片于该文件的下一级目录中则先输入目录名，然后“/”，最后再输入图片名。

如果要引用的图片于该文件的上一级目录，则先输入"../",再输入目录名、图片名。

二、图像的大小与边框

1、调整图像的大小使用height高度与width宽度

语法：。

在调整的过程中如果只输入其中一个值，那么另一个值会根据比例扩大或缩小，如果两个值都调整了则有可能会变形。

2、设置图像边框border

语法：。

默认情况下下图像是不带边框的。

3、alt属性

效果：当网页无法显示图片时，显示alt内的文字

语法：alt="" hspace="500" height="400" width="400" border="2">

4、图像的间距与对其方式

调整图像间距

用于设置对象的水平间距

用于设置对象的垂直间距
设置图像相对于文字基准线的对齐方式

通过align属性调整，对其方式分为两种即据对对其方式和相对文字对其方式，绝对对齐分为三种包括左对齐右对齐居中对齐，相对文字对齐方式则是图像与一行文字的相对位置。

语法：

aling属性值：

top:把图像的顶部和同行的最高部分对齐

middle：把图像的中部和行的中部对其（通常是文本行的基线，并不是行的实际中部）

bottom:把图像的底部和同行文件的底部对其

absmiddle:把图像的中部和同行中最大项的中部对齐

baseline：把图像的底部和文本的基线对齐

absbottom:把图像的底部和同行中的最低项对齐

left：使图像和左边界对齐

right：使图像和右边界对齐

5、提示文字与替换文本

当图片无法显示的时候替换的文字