在JavaScript中编写HTML代码，我们通常使用innerHTML属性或者DOM（Document Object Model）操作。这两种方法都可以实现动态地改变网页内容。

我们来看一下如何使用innerHTML属性来编写HTML代码。innerHTML属性是一个元素的属性，它返回或设置该元素的HTML内容，这意味着我们可以使用JavaScript来获取或修改一个元素的内容。

我们有一个id为"myDiv"的div元素，我们想要在这个div元素中添加一些HTML代码，我们可以这样做：

var div = document.getElementById("myDiv");
div.innerHTML = "<h1>这是一个标题</h1><p>这是一段文字。</p>";

在上面的代码中，我们首先使用document.getElementById方法获取了id为"myDiv"的div元素，然后我们使用innerHTML属性将新的HTML代码添加到了这个div元素中。

接下来，我们来看一下如何使用DOM操作来编写HTML代码，DOM是一个树形结构，代表了HTML文档的内容和结构，我们可以使用JavaScript来获取、修改和添加DOM元素。

我们想要在一个id为"myDiv"的div元素中添加一个h1元素和一个p元素，我们可以这样做：

var div = document.getElementById("myDiv");
var h1 = document.createElement("h1");
var p = document.createElement("p");
h1.textContent = "这是一个标题";
p.textContent = "这是一段文字。";
div.appendChild(h1);
div.appendChild(p);

在上面的代码中，我们首先使用document.getElementById方法获取了id为"myDiv"的div元素，然后我们使用document.createElement方法创建了一个新的h1元素和一个新的p元素，然后我们使用textContent属性设置了这两个元素的文本内容，最后我们使用appendChild方法将这两个元素添加到了div元素中。

无论是使用innerHTML属性还是使用DOM操作，我们都可以在JavaScript中编写HTML代码，选择哪种方法取决于你的具体需求和偏好。