html代码在线运行

作者：余烬已熄发布日期:2025-09-13 浏览:50

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

    <script>
        // 这是一个简单的JavaScript函数，用于在按钮点击时弹出一个消息框
        function showAlert() {
            alert('你好，世界！');
        }
    </script>
</body>
</html>

解释说明：

<!DOCTYPE html>: 声明文档类型为HTML5。
<html>: HTML文档的根元素。
<head>: 包含文档的元数据（如标题）。
<title>: 设置浏览器标签页的标题。
<body>: 包含网页的内容。
<h1>: 定义一级标题。
<p>: 定义段落。
<button>: 创建一个按钮，并使用onclick属性绑定一个JavaScript事件，当按钮被点击时会弹出一个消息框。
<script>: 包含JavaScript代码，这里定义了一个简单的函数showAlert，用于弹出消息框。

你可以将上述代码复制到任何支持HTML的在线编辑器或本地文件中运行。

上一篇：html美化

下一篇：html下拉菜单