在進行HTML編程時，寬和高屬性的設置是非常重要的步驟。它們可以控制元素的尺寸和大小，使網站的布局更加精確和美觀。下面是寬和高屬性的相關代碼：

<div style="width: 500px; height: 300px">
<p>這里是 div 元素的內容。</p>
</div>

在上述代碼中，我們使用了 div 元素，并為其設置了寬度為 500 像素、高度為 300 像素。接下來，在 div 元素中添加了一個 p 元素，作為其內容。

當然，我們也可以將寬和高屬性設置成百分比值：

<div style="width: 50%; height: 50%">
<p>這里是 div 元素的內容。</p>
</div>

在上述代碼中，我們設置了 div 元素的寬度和高度均為其父元素的50%。

除了直接在元素中設置寬和高屬性以外，我們還可以將其放在CSS樣式表中：

div {
width: 500px;
height: 300px;
}

在上述代碼中，我們使用了CSS選擇器選擇所有的 div 元素，并為其設置了寬度為 500 像素、高度為 300 像素。這種方式可以使得我們的HTML代碼更加簡潔、易于維護。

總之，設置元素的寬和高屬性是HTML編程中非常基礎和重要的一步。精確地控制元素的大小和位置，將會讓網站的布局變得更加美觀、舒適。