想要：简单的 HTML 文件，可以显示三角形 <div> 隐藏/显示

简单的 HTML 文件可以通过使用 CSS 和 JavaScript 来实现显示和隐藏三角形的功能。

首先，我们可以使用 HTML 创建一个包含三角形的 <div> 元素，并为其添加一个唯一的 ID，以便在 JavaScript 中引用它。代码如下：

<!DOCTYPE html>
<html>
<head>
    <style>
        #triangle {
            width: 0;
            height: 0;
            border-left: 50px solid transparent;
            border-right: 50px solid transparent;
            border-bottom: 100px solid red;
        }
    </style>
</head>
<body>
    <div id="triangle"></div>
</body>
</html>

在上述代码中，我们使用 CSS 的边框属性来创建一个三角形形状，并将其颜色设置为红色。

接下来，我们可以使用 JavaScript 来实现隐藏和显示三角形的功能。我们可以通过修改 <div> 元素的样式来实现这一点。代码如下：

<!DOCTYPE html>
<html>
<head>
    <style>
        #triangle {
            width: 0;
            height: 0;
            border-left: 50px solid transparent;
            border-right: 50px solid transparent;
            border-bottom: 100px solid red;
        }
    </style>
    <script>
        function toggleTriangle() {
            var triangle = document.getElementById("triangle");
            if (triangle.style.display === "none") {
                triangle.style.display = "block";
            } else {
                triangle.style.display = "none";
            }
        }
    </script>
</head>
<body>
    <button onclick="toggleTriangle()">Toggle Triangle</button>
    <div id="triangle"></div>
</body>
</html>

在上述代码中，我们添加了一个按钮，并为其添加了一个 onclick 事件处理程序。当按钮被点击时，toggleTriangle() 函数将被调用。该函数首先获取三角形的 <div> 元素，然后检查其当前的显示状态。如果三角形是隐藏的，则将其显示出来；如果三角形是显示的，则将其隐藏起来。

这样，当用户点击按钮时，三角形将在显示和隐藏之间切换。

这个简单的 HTML 文件可以用于显示和隐藏三角形，可以根据实际需求进行修改和扩展。