GKLBB

当你经历了暴风雨，你也就成为了暴风雨

导航

软件研发 --- hello world 项目 之 前端三件套 html js css 

<!DOCTYPE html>                                            　　             　　   <!-- 文档类型声明，告诉浏览器这是一个HTML5文档 -->
<html>                                                          　　　　　　        <!-- HTML文档的根元素，所有其他元素都必须是这个元素的后代 -->
<head>                                                           　　　　　　        <!-- 包含文档的元数据（关于数据的数据）和对外部资源的引用 -->
    <title>最小化示例</title>                              　　               　　   <!-- 定义文档的标题，显示在浏览器的标签页上 -->
    <style>                                                  　　　　　　           <!-- 开始样式部分，用于定义CSS样式规则 -->
        body { color: blue; text-align: center; margin-top: 50px; }   　　　　　　  <!-- 设置body元素的样式：蓝色文本，居中对齐，顶部外边距50像素 -->
    </style>                                                      　　　　　　       <!-- 结束样式部分 -->
</head>                                                              　　　　　　       <!-- 结束head部分 -->
<body>                                                               　　　　　　       <!-- 开始body部分，包含文档的可见内容 -->
    <div id="demo">Hello World</div>                      　　          　　　　　　    <!-- 创建一个div元素，ID为"demo"，显示文本"Hello World" -->
    <script>                                                         　　　　　　　　     <!-- 开始JavaScript脚本部分 -->
        document.getElementById("demo").onclick = function() {          　　　　　　 <!-- 为ID为"demo"的元素添加点击事件处理函数 -->
            this.innerHTML = "你好，世界！";                    　　        　　　　     <!-- 当元素被点击时，将其内容更改为"你好，世界！" -->
        }
    </script>                                                        　　　　　　　　     <!-- 结束JavaScript脚本部分 -->
</body>                                                          　　　　　　       　　  <!-- 结束body部分 -->
</html>                                                           　　　　　　　　       <!-- 结束html根元素 -->
　　

 保存代码到文本文件中，后缀改为html，用浏览器打开执行代码

posted on 2025-05-13 05:18  GKLBB  阅读(39)  评论(0)    收藏  举报