html在线运行

作者：凌傲天发布日期:2026-04-20 浏览:117

<!DOCTYPE html>
<html>
<head>
    <title>HTML 在线运行示例</title>
</head>
<body>
    <h1>欢迎来到 HTML 在线运行示例</h1>
    <p>这是一个简单的 HTML 页面，用于演示如何在线运行 HTML 代码。</p>
    <button onclick="alert('你点击了按钮！')">点击我</button>

    <script>
        // 这里是一些简单的 JavaScript 代码，用于增强页面交互性
        console.log("页面加载完成！");
    </script>
</body>
</html>

解释说明：

<!DOCTYPE html>：声明文档类型为 HTML5。
<html>：HTML 文档的根元素。
<head>：包含文档的元数据（如标题）。
<title>：设置浏览器标签页的标题。
<body>：包含页面的主要内容。
<h1>：定义一个大标题。
<p>：定义一个段落。
<button>：创建一个按钮，并使用 onclick 属性绑定点击事件，点击后会弹出提示框。
<script>：包含或引用 JavaScript 代码，这里简单地在控制台输出一条消息。

上一篇：html代码

下一篇：html标签