HTML 元素由开始标记、内容和结束标记定义：
<标签名 属性名="属性值">内容</标签名>
属性值使用单引号和双引号均可
例如:
<!-- 这是注释 -->
<h1> 一级标题 </h1>
<h2> 二级标题 </h2>
<p> 段落 </p>
<a href="https://xplanc.org/"> 超链接 </a>
id 属性为 HTML 元素指定唯一的 ID，该属性的值在 HTML 文档中必须是唯一的。该属性通常用于 CSS 和 JavaScript 唯一定位一个元素。
class 属性为 HTML 元素指定类名，元素可以拥有多个类名，通过空格分隔。该属性通常用于 CSS 和 JavaScript 定位一类元素。
<div id='xxx-card' class='card'>
<p class='card-title'>标题</p>
<p class='card-content'>内容</p>
</div>
块元素独占整行，而行内元素是行的一部分。
<h1> 标题是块元素 </h1>
<p> 段落是块元素 </p>
<p> <span>span</span> 和 <a href='https://xplanc.org/'> 超链接 </a> 是行内元素 </p>
在 HTML 中，空白字符是语法的一部分，通常仅显示一个空格。如果需要显示空格与换行，分别使用转义字符 和 <br/> 标签
<p>
甲 乙 <!-- 仅显示一个空格 -->
甲 乙 <!-- 显示两个空格 -->
<br/> <!-- 换行 -->
丙 <!-- 不会换行，仅显示一个空格 -->
丁
丙 丁
</p>