”,其中src屬性包含了指向我們想要引入的圖片的路徑,可以是相對路徑或絕對URL。"/> ”,其中src屬性包含了指向我們想要引入的圖片的路徑,可以是相對路徑或絕對URL。">
在HTML中可以透過a1f02c36ba31691bcfe87b2722de723b標籤插入圖片,插入的程式碼如“48a0c253b32e640802da19b519774f09”,其中src屬性包含了指向我們想要引入的圖片的路徑,可以是相對路徑或絕對URL。
本文操作環境:windows7系統、HTML5&&CSS3版,DELL G3電腦。
我們可以用a1f02c36ba31691bcfe87b2722de723b 元素來把圖片放到網頁上。它是一個空元素(它不需要包含文字內容或閉合標籤),最少只需要一個 src (一般讀作其全名為 source)來使其生效。 src 屬性包含了指向我們想要引入的圖片的路徑,可以是相對路徑或絕對URL,就像 3499910bf9dac5ae3c52d5ede7383485 元素的 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影片教學】
#以上是html圖片怎麼插入的詳細內容。更多資訊請關注PHP中文網其他相關文章!