属性：赋予超能力

如果标签是士兵，那属性就是他们的装备和技能。

1. 属性是什么？

属性（Attributes）是写在开始标签里的额外信息。它们通常以 名称="值" 的形式成对出现。

就像给你的游戏角色穿装备一样：

2. 常见的神器属性

🔗

href

适用标签： <a> (超链接)

作用： 传送门的目的地。告诉浏览器点击这个链接后要去哪里。

<a href="https://www.bilibili.com">去B站学习</a>

*注：如果不写 href，链接就是个摆设，根本点不动。

🖼️

src

适用标签： <img> (图片)

作用： 藏宝图。告诉浏览器图片文件到底藏在哪里。

*注：如果路径写错了，你就会看到那个令人心碎的裂图图标。

🎨

style

适用标签： 几乎所有标签

作用： 化妆包。直接给元素加样式（虽然我们更推荐用 CSS 文件，但有时候为了方便也会用它）。

<p style="color: red; font-size: 20px;">我又红又大！</p>

💬

title

适用标签： 几乎所有标签

作用： 悄悄话。当你把鼠标悬停在元素上时，会弹出一个黄色小框框显示的提示文字。

<p title="惊喜不？">把鼠标放我身上别动</p>

3. 引号的战争

属性值应该用双引号 "" 还是单引号 ''？

HTML 标准说：都可以，甚至不加都行（在某些情况下）。

但是！ 还是那句话，为了不被同事打死，请统一使用双引号。

⚠️ 即使是超能力者也要遵守规则：
永远不要把属性写在结束标签里！
❌ <a>链接</a href="..."> (这是什么鬼？)
✅ <a href="...">链接</a> (完美)