來(lái)吧，讓我們?yōu)槲覀兊木W(wǎng)頁(yè)添加上圖像。

一，添加圖像

1.<img>元素是用來(lái)添加圖像的。

2.src屬性是用來(lái)告訴瀏覽器圖像的web地址。

3.alt是描述說(shuō)明圖像，當(dāng)你無(wú)法查看圖像的時(shí)候，你就可以看圖像的說(shuō)明或者提供圖像信息給搜索引擎。

4.title是圖像的附加信息，當(dāng)你的鼠標(biāo)懸停在圖像上的時(shí)候，你就可以看到圖像的title信息。

二，圖像的高度和寬度

1.hight：圖像的高度，以像素為單位。

2.width：圖像的寬度，以像素為單位。

三，在代碼中插入圖像的位置

大家可以嘗試一下以下三種情況：

1.在<p>之前。

2.在<p>之中。

3.在<p>的起始處。

ps：<p>是塊級(jí)元素,<img>是內(nèi)聯(lián)元素。塊級(jí)元素總是另起一行，當(dāng)內(nèi)聯(lián)元素位于塊級(jí)元素中，塊級(jí)元素就不會(huì)另起一行。

四，HTML5圖形和圖形說(shuō)明

1.<figure>：當(dāng)幾個(gè)圖像的alt是一樣的，就可用<figure>元素來(lái)包含多個(gè)<img>。

2.<figcaption>：它是用來(lái)說(shuō)明圖像信息的，圖像的信息將放在圖像的底部。還有另一種方法可以說(shuō)明圖像的信息，要用到bootstrap框架，以后會(huì)講到的。

OK！HTML5圖像已經(jīng)講完，有要詳細(xì)的代碼列子，可在下方留言。記得給紅心哈！