div 是HTML中的一個非常基礎而重要的元素。它可以將一個頁面分割成不同部分，并且便于我們進行樣式和布局的設置。而加載HTML代碼則是在這些 div 中顯示文本和圖片等內容的關鍵。 要在 div 中加載 HTML 代碼，我們只需要借助 JavaScript ，將 HTML 代碼以字符串的形式傳遞給 div 的 innerHTML 屬性即可。以下是一個簡單的示例代碼：

<div id="myDiv"></div>
<script>
var myHTML = "<p>這是一個段落</p><img src='mypic.jpg' alt='我的圖片' />";
document.getElementById("myDiv").innerHTML = myHTML;
</script>

上述代碼中，我們首先創建了一個空的 div 元素，并為其設置了 id 屬性，以便 JavaScript 可以訪問它。接著，我們定義了一個 myHTML 變量，它包含了我們要加載到 div 中的 HTML 代碼。在這個例子中，我們展示了一個段落和一個圖片。最后，我們使用 document.getElementById 方法獲取了我們剛才創建的 div 元素，然后使用 innerHTML 屬性賦值為我們剛剛定義的 myHTML 變量的值。 HTML 代碼的格式應當始終要注意。在上述示例中，我們使用了轉義字符 \< 和 \> 來分別代表< 和 >符號，以便 HTML 代碼可以正確加載。另外，可以使用單引號或者雙引號來包含 HTML 代碼，并使用反斜杠轉義引號，這樣可以增加代碼的可讀性。 在現在的前端開發中，我們可以通過一些框架（如：React、Vue 等）來將 HTML 代碼封裝成組件，在需要使用的時候只需要傳遞參數就可以輕松地完成全部功能。由此可見，使用 div 加載 HTML 代碼是如此重要，而且使用方便。 總之，要想在 div 中正確加載 HTML 代碼，只需要在 JavaScript 中將 HTML 代碼作為字符串賦值給 div 元素的 innerHTML 屬性即可。在此過程中，需要謹慎處理 HTML 代碼格式等問題。