img 標簽的 alt 屬性指定了替代文本，用于在圖像無法顯示或者用戶禁用圖像顯示時，代替圖像顯示在瀏覽器中的內容。這樣即使圖像無法顯示，用戶還是可以看到關于丟失了什么東西的一些信息。
替代文本。圖像img標記中alt屬性的作用是為無法顯示圖像的瀏覽器提供替代文本，以便視覺障礙的用戶和屏幕閱讀器用戶能夠了解圖像的內容。同時，alt屬性還能幫助搜索引擎判斷圖片與文字的相關性。
img 標簽的 alt 屬性指定了替代文本，用于在圖像無法顯示或者用戶禁用圖像顯示時，代替圖像顯示在瀏覽器中的內容。在圖片正常載入的情況下是看不到alt的區(qū)別的，但是在w3c標準中，img標簽必須有alt屬性。
alt 屬性用來為圖像定義一串預備的可替換的文本。替換文本屬性的值是用戶定義的img src=boat.gif alt=Big Boat在瀏覽器無法載入圖像時，替換文本屬性告訴讀者她們失去的信息。
alt 后面放置圖片的說明文字，當圖片各種原因不能打開的時候，就可以顯示alt設置的說明文字，讓瀏覽者對這塊內容有個大致的了解。
1、html中alt是用來對網(wǎng)頁上的圖片進行描述，光標在圖片上時顯示的提示語即采用該標簽實現(xiàn)。alt屬性是一個必需的屬性，它規(guī)定在圖像無法顯示時的替代文本。從SEO和用戶體驗來看，ALT-代替屬性都是必要的。
2、如果無法顯示圖像，瀏覽器將使用alt的值顯示替代文本，如果圖圖片可以顯示，則鼠標放在圖片上也會顯示alt的值。
3、alt 后面放置圖片的說明文字，當圖片各種原因不能打開的時候，就可以顯示alt設置的說明文字，讓瀏覽者對這塊內容有個大致的了解。
img標簽的使用：通過img標簽的src屬性顯示獲取到的圖像，img標簽的height和width屬性設置圖像的大小、當圖像無法顯示時，使用alt屬性來顯示替代文本。
在html和css階段，通?？梢允褂脙煞N方式來添加圖片。即使用html標簽引入圖片和使用css中的background屬性添加背景圖。下面對這兩種方式做個簡單的介紹巖辯派。
HTML中可以使用 img 元素將圖像嵌入文檔。
1、img 標簽的 alt 屬性指定了替代文本，用于在圖像無法顯示或者用戶禁用圖像顯示時，代替圖像顯示在瀏覽器中的內容。這樣即使圖像無法顯示，用戶還是可以看到關于丟失了什么東西的一些信息。
2、用來介紹圖片的描述的，通俗點說就是把鼠標放在圖片上一段時間，就會顯示“img alt=xxx”alt屬性里顯示的內容。
3、img 標簽的 alt 屬性指定了替代文本，用于在圖像無法顯示或者用戶禁用圖像顯示時，代替圖像顯示在瀏覽器中的內容。在圖片正常載入的情況下是看不到alt的區(qū)別的，但是在w3c標準中，img標簽必須有alt屬性。
4、alt 屬性用來為圖像定義一串預備的可替換的文本。替換文本屬性的值是用戶定義的img src=boat.gif alt=Big Boat在瀏覽器無法載入圖像時，替換文本屬性告訴讀者她們失去的信息。
首先你是通過第二種方式插入的是背景圖片，直接用width和height只能控制div的寬度和高度。
在index.html中的body標簽中，輸入html代碼：form style=background-image： url(smallpng)input type=text/form 瀏覽器運行index.html頁面，此時成功在html的表單中添加了背景圖片。
除了使用html的【img src=/】引入圖片以外，還可以使用css的backgorund系列屬性將圖片作為背景圖添加。由于background系列屬性比較多，這里不做過多介紹，只說幾個比較常用的屬性，其他的可參考官方文檔學習。
這里填寫HTML代碼 /body /html 保存，重命名改一下后綴 .html。雙擊打開可以看到這是一個沒有圖片的網(wǎng)頁。返回文件右鍵選擇記事本打開。
