⬅️ 返回地图
第 4 话

演员表:元素与标签

网页就是一个大舞台,标签就是上面的演员。

1. 什么是 HTML 元素?

一个完整的 HTML 元素包含三个部分:开始标签内容结束标签

<p> 我是一段内容 </p>
(开始) + (内容) + (结束) = 完整元素
2. 套娃艺术 (嵌套)

HTML 元素是可以互相嵌套的,就像俄罗斯套娃一样。但是要记住:先进后出

<b>我是孙子(加粗文字)</b>
❌ 错误示范:
<p>你好 <b>世界</p></b>
(裤子还没脱就先脱内裤?这不合理吧!)
✅ 正确示范:
<p>你好 <b>世界</b></p>
3. 孤独的游魂 (空元素)

有些标签生来就是孤独的,它们没有结束标签,也没有内容。我们叫它“空元素”(Empty Elements)。

✂️

<br>

换行标签。Break 的缩写。像一把剪刀把行剪断。

📏

<hr>

水平线标签。Horizontal Rule 的缩写。画一条分割线。

小知识:
在 XHTML(HTML 的严格表哥)里,空元素必须自己闭合,比如 <br />。但在 HTML5 里,你可以直接写 <br>,浏览器很宽容。
4. 大小写之争

HTML 标签对大小写不敏感。也就是说:

<P><p> 是一样的。

但是! 作为一个有品位的极客,我们强烈建议你全部使用小写。大写标签看起来像是在对浏览器咆哮。

<BODY> (感觉像在骂人)

<body> (优雅、绅士)