在 HTML 和 JavaScript 中，設置寬度和高度是非常常見的任務。讓我們來看看如何使用 HTML 和 JavaScript 來設置元素的寬度和高度。

首先，我們要了解 HTML 中常用的設置寬度和高度的方式。在 HTML 中，設置元素的寬度和高度通常使用 style 屬性。例如：

<div style="width: 200px; height: 100px;"></div>

上面的代碼將 div 元素的寬度設置為 200 像素，高度設置為 100 像素。

如果我們使用 JavaScript 來動態地設置元素的寬度和高度，我們可以使用以下方法：

const element = document.getElementById("my-element");
element.style.width = "200px";
element.style.height = "100px";

在上面的代碼中，我們首先使用 getElementById() 方法獲取 id 為 "my-element" 的元素，然后使用 style 屬性來設置元素的寬度和高度。

除了使用 style 屬性設置寬度和高度之外，我們還可以使用 offsetWidth 和 offsetHeight 屬性獲取元素的寬度和高度，如下所示：

const element = document.getElementById("my-element");
const width = element.offsetWidth;
const height = element.offsetHeight;

上面的代碼將獲取 id 為 "my-element" 的元素的寬度和高度，然后將它們分別保存在 width 和 height 變量中。

總之，在 HTML 和 JavaScript 中設置元素的寬度和高度是一個非常簡單的任務。只需要使用 style 屬性或 offsetWidth 和 offsetHeight 屬性即可輕松完成。