HTML、CSS、JavaScript 学习笔记

HTML 决定了网页里有什么——文字、图片、按钮、标题……就像盖房子时搭好每一面墙、每一扇门。

        <!-- 这是一个大标题 -->

        <h1>我的名字</h1>

        <!-- 这是一个按钮 -->

        <button>点我</button>

💡 <h1> 告诉浏览器"这是一段大标题"，<button> 告诉浏览器"这里有个按钮"。这些尖括号叫做标签。

骨架搭好了，但光秃秃的不好看。CSS 就是给网页化妆——换颜色、改大小、调位置。

        h1 {

          color: red;       /* 把标题变成红色 */

          font-size: 20px; /* 把字变大 */

        }

💡 color: red; 就是"刷红色油漆"，font-size: 20px; 就是"把字放大到 20 号"。是不是很简单？

房子好看了，但按开关灯不亮、按门铃不响——因为还没装电路！JavaScript 让网页能动，能回应你的操作。

        // 点击按钮，弹出"你好！"

        button.addEventListener('click', function() {

          alert('你好！👋');

        });

💡 比如：点按钮弹出"你好！"、计算器按数字能算出结果，这些都是 JavaScript 在干活。它让网页变"聪明"了！

HTML、CSS、JavaScript
到底是什么？