使用HTML代码实现开灯关灯功能

HTML是一种标记语言，可以用来描述网站的结构和内容，同时也可以实现一些交互功能，比如开灯关灯。

下面是一段简单的HTML代码，可以让用户通过点击按钮来控制灯的开关：

button onclick="document.body.classList.toggle('dark')">
    i class="fa fa-lightbulb-o">
    /i>
    /button>
    style>
body {
    transition: background-color 0.5s;
    background-color: #fff;
}
body.dark {
    background-color: #333;
}
    /style>
    

这段代码中，我们使用了HTML的button> 标签来创建了一个按钮，当用户点击按钮时，会调用JavaScript的toggle函数，将页面的样式从亮色调切换为暗色调，再次点击时则会切换回亮色调。

此外，我们还使用了i> 标签来向按钮中添加了一个图标，这里使用了Font Awesome提供的图标库，可以直接从官网上下载使用。

最后，我们还设置了一些CSS来定义页面的样式，在灯开关时会有过渡效果。

总的来说，这段代码虽然简单，但却可以让网站拥有更多的交互性，提升用户体验。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！