[TOC]
>[info]通過使用 HTML,可以在文檔中顯示圖像。
## 一、img標簽
~~~
<img src="/Wiki/Public/images/logo.png" alt="網站LOGO" title="LOGO" width="280" height="140">
~~~
**例子解釋**
* `src`源屬性(src)。src 指 "source"。源屬性的值是圖像的 URL 地址。
* `alt`屬性用來為圖像定義一串預備的可替換的文本,一般用于圖片加載失敗時的文本提示。
* `title`鼠標移過時顯示的文字。
* ` width`圖片寬度。
* ` height`圖片高度。
>[danger] img標簽為單標簽,沒有結束標簽
## 二、圖片知識
| 格式 | 透明度 | 動畫 | 特點 | 適用場景 |
| --- | --- | --- | --- | --- |
| JPG/JPEG | × | × | 色彩豐富,壓縮比高,畫質損失小,體積小 |色彩豐富、要求 體積要小 |
| PNG | √ | × | 色彩豐富,w,設置任意透明度,體積較小,但比jpg體積大一些。 IE6不支持png圖片透明 | 對色彩有特殊要求、需要透明效果 |
| GIF | √ | √ | 僅支持256種顏色,體積小,只有 透明和不透明兩種效果 | 圖片顏色少、需要透明效果 |
| BMP | × | × | 色彩豐富,畫質清晰,但體積偏大 | 不推薦在網頁中使用 |
## 三、路徑知識
### 絕對路徑
絕對路徑就是指帶有域名的完整路徑。或者從盤符開始,具體的目標位置。
比如"中國廣東省廣州市番禺區麗景華苑4座201"這就是一個生活動中的經典" 絕對"方式的描述
### 相對路徑
相對路徑則是從當前目錄說起,參照起點為本文件。
相對于本目錄`<a href="./1.html">本目錄下頁面</a>`。
相對于上級目錄`<img src="../meinv.jpg" title="美女" />`。
>[danger] **作業:**在網頁中分別會絕對路徑和相對路徑插入不同的圖片。
- 序言
- 第一章:準備工作
- 寫在學習之前的話
- web應用開發結構
- 開發工具/環境
- 第二章:展現層面(HTML/CSS)
- HTML簡介
- HTML基礎
- HTML編碼
- HTML鏈接
- HTML圖像
- HTML列表
- HTML表單
- HTML表格(分水嶺)
- HTML 實體
- HTML框架
- CSS層疊樣式表
- CSS選擇器
- CSS文本/字體
- CSS繼承和疊加
- CSS框模型
- CSS浮動(分水嶺)
- CSS定位
- CSS背景
- CSS圖標字體
- CSS補充
- 開發技巧
- 第三章:展現層面(Javascript)
- JS簡介
- JS實現
- JS輸出交互
- JS變量
- JS數據類型
- JS運算符
- JS流程控制(分水嶺)
- JS函數
- JS數組
- JS對象(分水嶺)
- JS數組對象
- JS字符串對象
- JS數學對象
- JS日期對象
- JS BOM對象(分水嶺)
- JS DOM對象
- JS事件對象
- JS元素對象
- JS DOM節點
- 第四章:展現層面(Jquery)
- JQ簡介
- JQ使用
- JQ選擇器
- JQ篩選
- JQ屬性
- JQ-CSS
- JQ事件
- JQ文檔處理
- JQ效果
- JQ-ajax
- 第五章:邏輯/業務層面(PHP)
- PHP簡介
- PHP變量
- PHP數據類型
- PHP常量
- PHP運算符
- PHP流程控制
- PHP函數(分水嶺)
- PHP日期
- PHP數學
- PHP數組
- PHP字符串
- PHP正則表達式(分水嶺)
- PHP目錄操作
- PHP文件
- PHP上傳/下載
- PHP面向對象(分水嶺)
- PHP圖像處理
- PHP會話控制
- Ajax異步處理
- PHPMysql擴展
- PHPMysqli擴展
- PHPPdo擴展
- PHP接口
- PHP命名空間
- 第六章:邏輯/業務層面(框架設計)
- 第七章:存儲層面(mysql)
- Mysql基礎
- Mysql Sql簡介
- Mysql數據庫
- Mysql數據類型
- Mysql數據表
- Mysql操作記錄
- Mysql查詢
- Mysql修改表結構
- Mysql日期與時間
- Mysql分組統計
- Mysql多表查詢
- Mysql安全
- Mysql存儲引擎
- Mysql事務
- Mysql視圖
- Mysql觸發器
- Mysql存儲過程
- Mysql存儲函數
- Mysql優化
- 第八章:服務器(Linux)
- Linux介紹與安裝
- Shell
- 目錄與文件操作
- VIM編輯器使用
- 帳號管理
- SUDO
- 權限控制
- 壓縮與打包
- 軟件安裝
- 計劃任務
- 進程管理
- 寶塔Linux面板