一、<img>
例：
<img src="img.png" alt="無圖顯示該文本" with="42" height="42" >
屬性：
src ： 圖片地址（地址儘量寫相對地址）
alt ：無圖時顯示此處
with ：圖片寬度
height ： 圖片高度
圖片格式：
瀏覽器廣泛支持的三種：JPEG、PEG、GIF
JPEG：
1.顏色多達1600萬種，所以適合保存照片和複製的圖像。
2.是一種“有損”格式，因爲縮小文件大小時慧丟掉圖像的一些信息。
3.不支持透明度。
4.文件比較小，瀏覽器可高效展示。
5.不支持動畫。
PNG：
三種：PNG-8、PNG-24、PNG-32（數字越大支持顏色越多,文件也越大）
1.PEG-8以適用於單色圖像和線條構成的圖像（如logo、圖像中的小文本）
2.是一種“無損”的格式（壓縮文件來縮小文件大小，不會丟掉信息
3.與JPEG相比，PNG文件更大一些
4.允許顏色設置“透明”
GIF：
1.GIF和PNG一樣（1,2,3），不同點爲GIF支持動畫。
所以選擇圖片格式時。
如果是照片或顏色多，無需透明時可選：JPEG。
如果是圖片單色或線條構成可選PNG或GIF，PNG比GIF小一點，這是可選PNG。
如果需動畫只能選擇GIF。
二、<link>
例：
<link rel="stylesheet" type="text/css" href="this.css">
三、html引用樣式
內聯樣式：標籤內使用“style”屬性。
例：<p style="color="blue;"> 文本</p>
內部樣式表：head中使用<style>元素包含css
例：
<head>
<style type="text/css">
body { color:blue;}
</style>
</head>
外部樣式表：使用外部css文件
例：
<link rel="stylesheet" type="text/css" href="this.css">