HTML是一種標記語言，而JavaScript是一種腳本語言，兩者可以結合使用，為網頁添加更多的交互性和動態效果。其中，設置圖片大小是一個常見的需求，在HTML中可以使用img標簽來插入圖片，而通過JavaScript可以動態的設置圖片的大小。

<img src="圖片地址" id="imgId">
<script type="text/javascript">
var img = document.getElementById("imgId");
img.style.width = "500px";
img.style.height = "300px";
</script>

以上代碼中，首先使用img標簽插入一張圖片，其中id屬性賦值為"imgId"，方便后期通過JavaScript獲取該圖片元素。接著，在script標簽中使用var關鍵字聲明一個變量img，通過getElementById方法獲取到id為"imgId"的圖片元素

最后，通過設置img的style屬性中width和height的值來實現設置圖片大小的功能。其中，width和height可以設置為具體的像素值、百分比、自適應等等，具體設置需根據實際需求來決定。

需要注意的是，如果要同時設置圖片的大小比例，可以使用以下代碼：

<img src="圖片地址" id="imgId">
<script type="text/javascript">
var img = document.getElementById("imgId");
img.width = "500";
img.height = "300";
</script>

以上代碼中，通過直接設置img的width和height屬性來實現設置圖片大小比例的效果，其中width和height分別賦值為具體的像素值即可。

總之，通過JavaScript可以實現動態設置圖片的大小、比例等效果，為網頁注入更多的動態和交互性。