Skip to content

HTML:IMG 如何在網站展示圖片

<img>是另一個非常常見的HTML原素。它可以用作展示圖片。

<img src ="https://content.codecademy.com/courses/web-101/web101-image_brownbear.jpg"/>

如何上傳圖片以取得連結?

透過把圖片上傳到某些網站(如Google Drive)並獲得相關的公開連結,就可以得到以上的SRC頁面。

如果圖片無法顯示,可以怎樣處理?

在<img>中,我們可以透過加入<alt>以應付未知的圖片問題。

<alt>可以:

  1. 當圖片無法顯示時作為輔助
  2. 讓眼睛不方便的訪客在無法看見圖片的情況下也能讀到內容
  3. 幫助Google的網站Spider,讓Spider了解網站關於什麼,幫助Google為網站排序

使用<alt>的方法如下:

    <img src="https://content.codecademy.com/courses/web-101/web101-image_brownbear.jpg" alt="This is alt message" />

Tags:

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。