1、常見的圖片格式
- jpg
- gif（動態圖）
- png
- bmp（位圖）
2、img標籤使用
<img src = "path" alt = "text" title = "text" width = "x" height = "y">
img：是image圖像的縮寫。是一個自閉合標籤。
屬性：
src：是圖片的存儲路徑
alt：是圖片無法顯示的時候，顯示的一段話，也就是圖像的代替文字
title：鼠標懸停提示的文字
width：圖片的寬度
height：圖片的高度
3、src的兩種寫法
- 絕對路徑：如 G:\Hbuilder\first\img\1.png 這樣的寫法，就是絕對路徑。在 IDEA 中可以右鍵圖片複製路徑。就可以輕鬆的得到絕對路徑了。（不推薦使用）
- 相對路徑：也就是從文件本身出發，他的上一級，使用兩個點 … 表示，當前目錄用一個點表示 . 如（推薦使用）
當前目錄下的a.jpg文件表示爲： ./a.jpg
上一級目錄下的a文件夾下的b.jpg 文件表示爲： ../a/b.jpg
4、目錄的創建
通常來說，習慣在項目中創建一個名爲 resources 的文件夾，然後再在這 resources 文件夾 下面創建一個名爲 image的文件夾，用來存放 圖片。如果以後還有視頻的話，就可以再在 resources 下創建一個名爲 video 的文件夾，專門用來存放視頻文件。
這樣也可以方便 寫文件的 定位，也就是文件的路徑。
使用 兩個點 … 代表上一級目錄，使用一個點 代表 當前目錄。
這樣就可以很輕鬆的描述出文件的路徑了。
5、驗證alt屬性值
只需要修改圖片的src地址爲錯誤的，也就是讓瀏覽器找不到正確的圖片顯示，就會顯示alt屬性裏面的值。