h 标签

h 是英文标题 Heading 的缩写.
<h1>到 <h6>都是标签:
-<h1></h1>: 一级标题
-<h2></h2>: 二级标题
-…
-<h6></h6>: 六级标题

h 标签没有嵌套关系的. 由于 h3 跟着一个 h2. 所以, 我们自己就知道了这个 h3 是 h2 子标题.

h 是容器级的标签. 理论上里面可以放置 p 等其他标签. 在语义上, 尽量不要这么写.

p 标签

段落, 是英语 paragraph “段落” 缩写.

HTML 标签是分等级的, HTML 将所有的标签分为两种: 容器级, 文本级. 顾明思议, 容器级的标签, 里面可以放置任何东西. 本文级的标签里面, 只能放置文字, 图片, 表单元素. (p 标签是一个文本级的标签)

Chrome 浏览器是世界上 HTML5 支持最好的浏览器. 提供了非常好的开发工具, 非常适合我们开发人员使用. 审查元素功能的快捷键是 F12.

审查元素功能

试着把 h 放到 p 到里:

<p>
    我是一个小段落
    <h1>我是一个小标题</h1>
</p>

如上图所示, p 是一个文本级的标签, p 里面只能放文字, 图片, 表单元素.

正确的写法:

<h1>个人简介</h1>
<p>
    我是一个只小小白
</p>