在线html代码运行器

作者：寡欢— 发布日期:2026-03-25 浏览:129

<!DOCTYPE html>
<html>
<head>
    <title>在线HTML代码运行器示例</title>
</head>
<body>
    <h1>这是一个简单的HTML页面</h1>
    <p>下面是一个按钮，点击后会弹出一个提示框：</p>
    <button onclick="alert('你好，世界！')">点击我</button>

    <h2>解释说明</h2>
    <ul>
        <li><strong>&lt;!DOCTYPE html&gt;:</strong> 声明文档类型为HTML5。</li>
        <li><strong>&lt;html&gt;:</strong> HTML文档的根元素。</li>
        <li><strong>&lt;head&gt;:</strong> 包含文档的元数据，如标题。</li>
        <li><strong>&lt;title&gt;:</strong> 设置浏览器标签页的标题。</li>
        <li><strong>&lt;body&gt;:</strong> 包含页面的主要内容。</li>
        <li><strong>&lt;h1&gt;:</strong> 定义一级标题。</li>
        <li><strong>&lt;p&gt;:</strong> 定义段落。</li>
        <li><strong>&lt;button&gt;:</strong> 定义按钮，<strong>onclick</strong> 属性用于定义点击按钮时执行的JavaScript代码。</li>
        <li><strong>alert('你好，世界！'):</strong> JavaScript代码，用于弹出一个提示框，显示“你好，世界！”。</li>
    </ul>
</body>
</html>

上一篇：html字体加粗代码

下一篇：html5新增的标签有哪些