#HTML 的元素和属性

HTML 元素由开始标记、内容和结束标记定义：

<标签名 属性名="属性值">内容</标签名>

• 属性值使用单引号和双引号均可

例如:

<!-- 这是注释 -->
<h1> 一级标题 </h1>
<h2> 二级标题 </h2>
<p> 段落 </p>
<a href="https://xplanc.org/"> 超链接 </a>

HTML
 一级标题 
 二级标题 
 段落 
 超链接 

#id 和 class 属性

• 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>

HTML

    
标题
    
内容

#块元素和行内元素

块元素独占整行，而行内元素是行的一部分。

<h1> 标题是块元素 </h1>
<p> 段落是块元素 </p>

<p> <span>span</span> 和 <a href='https://xplanc.org/'> 超链接 </a> 是行内元素 </p>

HTML
 标题是块元素 
 段落是块元素 

 span 和  超链接  是行内元素 

#空格与换行

在 HTML 中，空白字符是语法的一部分，通常仅显示一个空格。如果需要显示空格与换行，分别使用转义字符   和 <br/> 标签

<p> 
    甲                  乙      <!-- 仅显示一个空格 -->
    甲&nbsp;&nbsp;乙            <!-- 显示两个空格 -->
    <br/>                       <!-- 换行 -->

    丙                          <!-- 不会换行，仅显示一个空格 -->
    丁
    丙&nbsp;&nbsp;丁
</p>

HTML
 
    甲                  乙      
    甲  乙            
    
                       

    丙                          
    丁