想不起来的时候，快速查一查
速查表 📌
最实用的代码片段，全都放在这里。你不需要背下来——真正的程序员也会经常看速查表！你可以打印出来，放在键盘旁边。
🧱 HTML —— 网页的骨架
HTML 告诉浏览器页面上有什么。标签通常像这样打开 <like-this>，像这样关闭 </like-this>。
<h1>My website</h1>最大的标题。每个页面只用一次——就像书的封面标题。
<h2>Chapter</h2>小一点的标题。可以从 <h1> 一直到 <h6>（最小的）。
<p>Hi, this is text.</p>一段普通文字。
<strong>important</strong>让文字变粗。
<em>interesting</em>斜体（倾斜）文字。
<a href="https://example.com">Click</a>链接。href 里写要跳转到哪个地址。
<img src="dog.jpg" alt="My dog">图片。src = 图片文件，alt = 如果图片加载不出来时的文字说明。
<ul>
<li>first</li>
<li>second</li>
</ul>带圆点的列表。每一项是一个 <li>。
<ol>
<li>step 1</li>
<li>step 2</li>
</ol>带编号的列表——编号由浏览器自动添加。
<div class="card">...</div>一个盒子，用来把相关的东西放在一起。class 的名字你自己取。
<!-- note to myself -->注释。浏览器会忽略它——只是写给你自己看的。
🎨 CSS —— 网页长什么样
CSS 决定东西看起来怎么样。你先选要美化什么（选择器），然后在花括号里写怎么美化。
h1 {
color: red;
}所有 <h1> 标题都会变成红色。
.card {
background: yellow;
}所有 class="card" 的元素背景变成黄色。点号表示「按 class 查找」。
p {
font-size: 20px;
}段落文字的大小。数字越大，字越大。
body {
font-family: Arial;
}整个页面用的字体。
.card {
padding: 16px;
}内边距——内容和盒子边缘之间的空间。
.card {
margin: 16px;
}外边距——和周围其他东西之间的距离。
.card {
border: 2px solid black;
}边框：粗细、线条样式和颜色。
.card {
border-radius: 12px;
}圆角。数字越大，角越圆。
.menu {
display: flex;
gap: 10px;
}里面的东西横着排成一行，中间间隔 10px。做菜单的魔法技巧！
img {
width: 200px;
}图片的宽度。高度会自动调整，不会变形。
🪄 JavaScript —— 网页的行为
JavaScript 决定应该发生什么——比如点击之后。它写在页面末尾的 <script> 标签里。
const name = 'Kate';变量——一个贴了标签的盒子，用来存放东西。
let points = 0;
points = points + 1;let 是一个可以改变的盒子。这里我们在加一分。
alert('Hi!');弹出一个消息框。第一次试验很好用。
console.log('it works');在控制台（按 F12）里打印消息——程序员用的秘密窗口。
document.querySelector('h1')找到页面上第一个 <h1>，这样你就可以操作它。
element.textContent = 'New text';把找到的元素里面的文字换成新的。
element.addEventListener('click', () => {
alert('Clicked!');
});有人点击这个元素时，花括号里的代码就会运行。
if (points > 10) {
alert('You won!');
}条件：只有括号里的条件为真时，里面的代码才会运行。
element.classList.toggle("dark");如果没有这个 class 就加上，有了就去掉。深色模式就是这样工作的！
🤖 Fetch 和 API —— 给发明家
Fetch 从互联网下载数据（天气、地图、AI）。回答以 JSON 格式返回——看起来像一个 JavaScript 对象。
const r = await fetch(address);向 API 发送请求，然后等待（await）回答。
const data = await r.json();把回答转换成可以使用的对象。
data.current_weather.temperature用点号从对象里取出值——和其他对象一样。
await fetch('/ask', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ question }),
});POST = 把数据发送到服务器。body 里放转换成文字的对象。
{ "city": "Prague", "temperature": 21 }JSON——API 的通用语言。文字用引号，数字不用。
JSON.stringify(obj)把对象变成 JSON 文字（发送之前）。
JSON.parse(text)把 JSON 文字变回对象（收到之后）。
process.env.AI_KEY在服务器上：从 .env 文件读取密钥。密钥绝对不能放在浏览器里！
⌨️ 终端和 Git —— 给大师和数据达人
终端是一个窗口，你在里面用文字命令告诉电脑做什么。Git 会记住你代码的历史记录。
cd my-website进入 my-website 文件夹（cd = change directory，切换目录）。
ls列出当前文件夹里的内容（Windows 上用 dir）。
node server.js用 Node.js 运行 server.js 文件。
npm install下载项目需要的所有包。
git status显示项目上次保存以来有什么变化。
git add .把所有改动准备好保存（点号表示「全部」）。
git commit -m "Added a menu"把改动保存到历史记录，并写上你做了什么。
git push把保存的改动发送到 GitHub。