在HTML5中，GIF圖是一種動態的圖片格式，可以為網站帶來更加生動的視覺效果。那么，怎么設置GIF圖呢？下面將介紹一些基本的方法。

//HTML代碼
<img src="example.gif" alt="示例GIF圖" />

上述代碼是最基本的設置GIF圖的方法。其中，<img>標簽是用來插入圖像的，src屬性指定GIF圖的文件路徑，alt屬性為圖片增加了文字說明。

如果要控制GIF圖的播放速度，可以使用如下的代碼：

//CSS代碼
<style>
.gif{
-webkit-animation: spin 2s linear infinite;
-moz-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
from { transform:rotate(0deg); }
to { transform:rotate(360deg); }
}
@-moz-keyframes spin {
from { transform:rotate(0deg); }
to { transform:rotate(360deg); }
}
@keyframes spin {
from { transform:rotate(0deg); }
to { transform:rotate(360deg); }
}
</style>
//HTML代碼
<img src="example.gif" alt="示例GIF圖" class="gif" />

上述代碼中，利用CSS3的動畫特性來控制GIF圖的播放速度。其中，使用了@keyframes語法來定義動畫的效果，而使用類名gif來調用動畫效果。

綜上所述，設置GIF圖是一個相對簡單的操作，只需采用基本的HTML和CSS代碼即可實現。