圖像和超鏈接

圖像簡單分為GIF格式，JPEG格式，PNG格式。

一、添加圖像

img標簽

語法：<img src="圖片地址">。

如果要引用的圖片于該文件同一級目錄中則只需要輸入要鏈接的圖片名稱即可。

如果要引用的圖片于該文件的下一級目錄中則先輸入目錄名，然后“/”，最后再輸入圖片名。

如果要引用的圖片于該文件的上一級目錄，則先輸入"../",再輸入目錄名、圖片名。

二、圖像的大小與邊框

1、調(diào)整圖像的大小使用height高度與width寬度

語法：<img src="圖像地址" width="數(shù)值" height=“數(shù)值”>。

在調(diào)整的過程中如果只輸入其中一個值，那么另一個值會根據(jù)比例擴大或縮小，如果兩個值都調(diào)整了則有可能會變形。

2、設置圖像邊框border

語法：<img src="圖像地址" border=“數(shù)值”>。

默認情況下下圖像是不帶邊框的。

3、alt屬性

效果：當網(wǎng)頁無法顯示圖片時，顯示alt內(nèi)的文字

語法：<img src="img/img.jpg" alt="" hspace="500" height="400" width="400" border="2">

4、圖像的間距與對其方式

調(diào)整圖像間距

<hspace>用于設置對象的水平間距</hspace>

<vspace>用于設置對象的垂直間距</vspace>
設置圖像相對于文字基準線的對齊方式

通過align屬性調(diào)整，對其方式分為兩種即據(jù)對對其方式和相對文字對其方式，絕對對齊分為三種包括左對齊右對齊居中對齊，相對文字對齊方式則是圖像與一行文字的相對位置。

語法： <img src="圖像文件的地址" align="相對文字的對齊方式">

aling屬性值：

top:把圖像的頂部和同行的最高部分對齊

middle：把圖像的中部和行的中部對其（通常是文本行的基線，并不是行的實際中部）

bottom:把圖像的底部和同行文件的底部對其

absmiddle:把圖像的中部和同行中最大項的中部對齊

baseline：把圖像的底部和文本的基線對齊

absbottom:把圖像的底部和同行中的最低項對齊

left：使圖像和左邊界對齊

right：使圖像和右邊界對齊

5、提示文字與替換文本

<title>提示的文字</title>

<alt>當圖片無法顯示的時候替換的文字</alt>