果圖:

所有代碼:

劃：郭潔宇

設計：殷哲倫

來源： 新華社

TML圖像標記

常用的圖像格式—GIF，PNG，JPG
圖像標記<img />
HTML網(wǎng)頁中任何元素的實現(xiàn)都要依靠HTML標記，要想在網(wǎng)頁中顯示圖像就需要使用圖像標記，接下來將詳細介紹圖像標記以及和他相關的屬性。其基本語法格式如下：

<img src="圖像URL" />

該語法中src屬性用于指定圖像文件的路徑和文件名，他是img標記的必需屬性。

相對路徑和絕對路徑

相對路徑
相對路徑不帶有盤符，通常是以HTML網(wǎng)頁文件為起點，通過層級關系描述目標圖像的位置。
例如：

<img src="img/logo.gif" alt="傳智播客-專業(yè)的java培訓,.net培訓,php培訓,網(wǎng)頁培訓,平面培訓,iOS培訓機構" />

相對路徑設置分為以下三種：

圖像文件和html文件位于同一文件夾：只需輸入圖像文件的名稱即可，如<img src="logo.gif" />。

圖像文件位于html文件的下一級文件夾：輸入文件夾名和文件名，之間用“/”隔開，如<img src="img/img01/logo.gif" />。

圖像文件位于html文件的上一級文件夾：在文件名之前加入“…/” ，如果是上兩級，則需要使用 “…/ …/”，以此類推，如<img src="../logo.gif" />。

絕對路徑

絕對路徑一般是指帶有盤符的路徑。

例如：

“D:\HTML+CSS網(wǎng)頁制作\chapter02\img\logo.gif”，或完整的網(wǎng)絡地址，例如“http://www.itcast.cn/images/logo.gif”。

我自己是一名從事了多年開發(fā)的web前端老程序員，目前辭職在做自己的web前端私人定制課程，今年年初我花了一個月整理了一份最適合2019年學習的web前端學習干貨，各種框架都有整理，送給每一位前端小伙伴，想要獲取的可以關注我的頭條號并在后臺私信我：前端，即可免費獲取。

原文鏈接：https://blog.csdn.net/dubaiqaq/article/details/103500345