1.圖片分爲矢量圖和位圖
矢量圖不會失真，它是由數學描述的方式來記錄圖像內容
位圖是由像素組成的，像素是很小的顏色塊
位圖常見格式爲JPEG,PNG,GIF
JPEG後綴爲.jpg，是經過有損壓縮後的圖片，適用於色彩豐富的圖片
PNG後綴爲.png，是一種無損壓縮的圖片，適用於對比強烈的圖片
GIF後綴爲.gif,是一種具有動畫格式的圖片
2.在頁面中插入圖像
<p align=center><img src="a.jpg" alt="無法顯示"></p>
<img src="a.jpg" align="left">
3.設置圖像和文本的對齊方式
<img style="vertical-align:text-top"> 文本和圖片上邊緣對齊
<img style="vertical-align:middle"> 文本和圖片中部對齊
<img style="vertical-align:text-bottom"> 文本和圖片下邊緣對齊
<img style="vertical-align:baseline"> 文本基線和圖片下邊緣對齊
4.控制圖像和文本距離
<img src="a.jpg" hspace=30>圖像左右空出30像素
<img src="a.jpg" vspace=30>圖像上下空出30像素
5.給圖像添加邊框
<img src="a.jpg" border=8>
6.添加水平線
<hr align="left" width="30" size="10">
7.添加頁面背景
<body style="background-image:url(a.jpg);background-repeat:no repeat">
8.添加多媒體文件(midi,wav,au)
<embed src="a.wav" width="300" height="200" autostart="true" loop="true"> <embed>是多媒體標籤，必須有width和height 屬性autostart設置爲true自動播放，false不自動播放，loop控制循環播放次數，若爲true則無限播放，爲false則只播放一次
9.添加背景音樂
<bgsound src="a.mp3" loop="2">
loop的值是循環次數，值若爲-1則是無限循環