03.HTML:圖片標籤

打開工具:=> HBuilderX

選擇:文件 => 新建 => html文件 => 給html文件起個名字這裡我起 index.html ‘index是代表首頁的意思’,‘html這裡是代表文件的後綴’

03.HTML:圖片標籤

03.HTML:圖片標籤

這是新建立好的html文件 => 工具默認創建好了html head body標籤

03.HTML:圖片標籤

<code>#在編輯器裡新建一個目錄>命名為img 就是儲存圖片的文件夾/<code>
03.HTML:圖片標籤

03.HTML:圖片標籤

<code># 圖片格式
| BMP | 佔用空間大,色彩豐富
| JPEG | 壓縮方式通常是**破壞數據性壓縮**,在壓縮過程中圖像的質量會遭受到課件的破壞
| GIF | 對 **透明色** 和 **多幀動畫** 的支持
| PNG | **無損壓縮的位圖** 格式,支持Alpha通道的 **透明/半透明** 特性 /<code>
<code># 圖片標籤
僅供搜索引擎識別圖片

| src | 相對路徑、絕對路徑、http網絡圖片、當前目錄跳上層..
| alt | 用來描述圖片內容,僅供HTML識別該圖片內容,另方面供搜索引擎識別圖片
| width | 按照此寬度顯示、當失去比例則會拉伸
| height | 按照此高度顯示、當失去比例則會拉伸
| title | 鼠標在圖片上時候,顯示文字信息
> width/height寬高強調根據圖片寬高來給定,如果沒有寬高則會去計算圖片的寬高度,計算的時候會浪費一些時間,雖然不是很明顯/<code>
<code>## 相對路徑

相對於當前文件下的目錄

## 絕對路徑

指定了盤符(驅動器)

## 上層目錄

../../../../../../../../ 跳轉到相對路徑的上層目錄/<code>


分享到:


相關文章: