html圖片如何插入

這篇文章主要介紹html圖片如何插入，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

html有什么特點

1、簡易性：超級文本標記語言版本升級采用超集方式，從而更加靈活方便，適合初學前端開發者使用。 2、可擴展性：超級文本標記語言的廣泛應用帶來了加強功能，增加標識符等要求，超級文本標記語言采取子類元素的方式，為系統擴展帶來保證。  3、平臺無關性：超級文本標記語言能夠在廣泛的平臺上使用，這也是萬維網盛行的一個原因。 4、通用性：HTML是網絡的通用語言，它允許網頁制作人建立文本與圖片相結合的復雜頁面，這些頁面可以被網上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。

在HTML中可以通過<img>標簽插入圖片，插入的代碼如“<img src="dinosaur.jpg">”，其中src屬性包含了指向我們想要引入的圖片的路徑，可以是相對路徑或絕對URL。

本文操作環境：windows7系統、HTML5&&CSS3版，DELL G3電腦。

我們可以用<img> 元素來把圖片放到網頁上。它是一個空元素（它不需要包含文本內容或閉合標簽），最少只需要一個 src （一般讀作其全稱 source）來使其生效。src 屬性包含了指向我們想要引入的圖片的路徑，可以是相對路徑或絕對URL，就像 <a> 元素的 href 屬性一樣。

注意：在繼續之前，你應該閱讀快速入門URL和路徑來復習一下相對和絕對URL。

舉個例子來看，如果你有一幅文件名為 dinosaur.jpg 的圖片，且它與你的 HTML 頁面存放在相同路徑下，那么你可以這樣嵌入它：

<img src="dinosaur.jpg">

如果這張圖片存儲在和 HTML 頁面同路徑的 images 文件夾下（這也是Google推薦的做法，利于SEO/索引），那么你可以采用如下形式：

<img src="images/dinosaur.jpg">

以此類推。

注意：搜索引擎也讀取圖像的文件名并把它們計入SEO。因此你應該給你的圖片取一個描述性的文件名：dinosaur.jpg 比 img835.png 要好。

你也可以像下面這樣使用絕對路徑：

<img src="https://www.example.com/images/dinosaur.jpg">

但是這種方式是不被推薦的，這樣做只會使瀏覽器做更多的工作，例如重新通過 DNS 再去尋找 IP 地址。通常我們都會把圖片和 HTML 放在同一個服務器上。

以上是“html圖片如何插入”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！