溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這期內容當中小編將會給大家帶來有關如何在html中插入圖片，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
1、簡易性：超級文本標記語言版本升級采用超集方式，從而更加靈活方便，適合初學前端開發者使用。 2、可擴展性：超級文本標記語言的廣泛應用帶來了加強功能，增加標識符等要求，超級文本標記語言采取子類元素的方式，為系統擴展帶來保證。 3、平臺無關性：超級文本標記語言能夠在廣泛的平臺上使用，這也是萬維網盛行的一個原因。 4、通用性：HTML是網絡的通用語言，它允許網頁制作人建立文本與圖片相結合的復雜頁面，這些頁面可以被網上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。
在html中，可以使用img標簽插入圖片，語法：
<img src="圖片文件路徑" />
示例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <img src="img/1.jpg" width="200" /> </body> </html>
效果圖：
HTML <img> 標簽
<img> 標簽定義 HTML 頁面中的圖像。
<img> 標簽有兩個必需的屬性：src 和 alt。
注釋：從技術上講，圖像并不會插入 HTML 頁面中，而是鏈接到 HTML 頁面上。<img> 標簽的作用是為被引用的圖像創建占位符。
提示：通過在 <a> 標簽中嵌套 <img> 標簽，給圖像添加到另一個文檔的鏈接。
屬性值：
| 屬性 | 值 | 描述 |
|---|---|---|
| align | top bottom middle leftright | HTML5 不支持。HTML 4.01 已廢棄。規定如何根據周圍的文本來排列圖像。 |
| loading | eager：立即加載 lazy：延遲加載 | 指定瀏覽器是應立即加載圖像還是延遲加載圖像。 |
| alt | text | 規定圖像的替代文本。 |
| border | pixels | HTML5 不支持。HTML 4.01 已廢棄。規定圖像周圍的邊框。 |
| crossorigin | anonymous use-credentials | 設置圖像的跨域屬性 |
| height | pixels | 規定圖像的高度。 |
| hspace | pixels | HTML5 不支持。HTML 4.01 已廢棄。規定圖像左側和右側的空白。 |
| ismap | ismap | 將圖像規定為服務器端圖像映射。 |
| longdesc | URL | HTML5 不支持。HTML 4.01 已廢棄。 指向包含長的圖像描述文檔的 URL。 |
| src | URL | 規定顯示圖像的 URL。 |
| usemap | #mapname | 將圖像定義為客戶器端圖像映射。 |
| vspace | pixels | HTML5 不支持。HTML 4.01 已廢棄。規定圖像頂部和底部的空白。 |
| width | pixels | 規定圖像的寬度。 |
上述就是小編為大家分享的如何在html中插入圖片了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
