在HTML中，我们可以使用JavaScript变量，并将它们的值嵌入到HTML文档中。这可以通过几种方法实现，其中包括使用document.getElementById()方法来查找具有特定ID的元素，然后将JavaScript变量的值赋给该元素的innerHTML属性。这种方法允许我们在HTML中动态地使用JavaScript变量。
例如，假设我们有一个JavaScript变量myPet，其值为Tobey。我们可以通过以下代码将该变量的值插入到HTML中：
var myPet = 'Tobey';
document.getElementById('output').innerHTML = myPet;
在这段代码中，getElementById()函数用于检索ID为output的HTML元素，然后将其innerHTML属性设置为myPet变量的值。执行这段代码后，任何具有id="output"属性的HTML元素都会显示变量myPet的值，即Tobey。
此外，HTML还提供了一个专门的标签<var>，用于定义变量。虽然这个标签不是非常常见，但它可以用来在HTML中明确表示某个文本是一个变量名。然而，由于<var>标签并不是一个语义化标签，它在文档中的作用主要是视觉上的，而不是结构性或功能性上的。因此，如果需要强调某些文本是变量名，可以使用<var>标签；但如果是为了追求视觉效果，更好的做法可能是使用CSS样式来实现。
需要注意的是，当在全局作用域中使用var关键字声明变量时，这些变量实际上是属于window对象的属性。这意味着，你可以在HTML中通过window.variableName的形式来访问这些变量。相比之下，使用let或const关键字声明的全局变量则不属于window对象。
最后，如果你想改变<var>标签的默认样式，可以使用CSS来覆盖它。例如，如果你不想让浏览器将<var>标签内的文本以斜体显示，你可以在CSS中设置font-style: normal;来覆盖默认样式。
