全栈开发入门：HTML+CSS+JS速通

掌握前端三件套，你就能自己搭建网站、做产品原型、甚至创业。

HTML：内容骨架

<!DOCTYPE html>
<html>
<head><title>我的网站</title></head>
<body>
  <h1>标题</h1>
  <p>段落文本</p>
  <img src="photo.jpg" alt="图片">
  <a href="https://example.com">链接</a>
</body>
</html>

CSS：视觉样式

body { font-family: sans-serif; margin: 0; }
h1 { color: #2563eb; font-size: 32px; }
.card {
  background: white;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

JavaScript：交互行为

document.querySelector('button')
  .addEventListener('click', () => {
    alert('你点击了按钮！');
  });

💡 学习建议

不要只看教程，直接动手做项目：个人简历页→博客→小工具→完整应用。边做边学最高效。