在網站建設過程中，HTML、JS以及圖片代碼起到了至關重要的作用。下面我們來分別介紹一下它們的作用和用法。

<img src="XXXXX.jpg" width="100" height="100" alt="圖片文本描述">

圖片是網站中不可缺少的元素之一。在HTML中，我們通常使用<img>標簽來向網頁中添加圖片。其中，src屬性是必須的，它指定了要添加的圖片的路徑。width和height屬性是可選的，用于指定圖片的寬度和高度。除此之外，我們還可以使用alt屬性來添加圖片的文本描述信息，在圖片無法正常加載時，文本描述信息將代替圖片顯示。

<script type="text/javascript">
function add() {
var a = 4;
var b = 6;
var c = a + b;
document.getElementById("result").innerHTML = c;
}
</script>

JavaScript是一種廣泛應用于網頁交互和動態效果實現的腳本語言。通常，我們將JavaScript代碼寫在<script>標簽中，并通過type屬性指定其類型。上述代碼是一個簡單的加法函數，它將兩個數字相加，并將結果輸出到id為result的元素中。在實際應用中，JavaScript還可以用于事件處理、表單驗證、動畫效果等功能的實現。

<a  target="_blank"><img src="XXXXX.jpg" width="100" height="100" alt="圖片文本描述"></a>

HTML中還有一種重要的標簽——<a>標簽，它用于添加超鏈接。我們可以將圖片嵌套在超鏈接中，從而實現點擊圖片跳轉到指定頁面的效果。在上述代碼中，target屬性指定了超鏈接的打開方式，"_blank"表示在新窗口中打開鏈接。