html入门（二）—— 段落和文字

1. 标题标签h1~h6
    A. 一个页面中只能有一个h1，但可以有多个h2到h6。从h1到h6，级别越来越低，也就是字体越来越小。
2. 段落标签p，用于标记一段文字
    A.  连续多个段落标签p或标题标签h1~h6之间会自动换行，并且有一定的空隙。
3. 换行标签br，即<br/>
    A. 被换行标签分割的多个连续段落间没有空隙。
    e.g. <p>hello<br/>world</p>
4. 文本格式化标签
    4.1. 加粗标签b或strong
     A. 实际开发中尽量用strong，因为strong的语义性比b要强。
     e.g. <p>普通文本</p>
         <b>加粗文本</b>
         <strong>加粗文本</strong>
    4.2. 斜体标签i、cite或em
     A. 实际开发中尽量用em，其他两个很少使用。
    4.3. 上标标签sup和下标标签sub
     e.g. <p>(a+b)²=a²+b²</p>
    4.4. 大字号标签big和小字号标签small（很少使用，一般用css替代）
     e.g. <p>普通字体文本 </p>
          <big>大字号文本</big>
          <small>小字号文本</small>
    4.5. 删除线标签s（很少使用，一般用css替代）
     e.g. <p>新鲜的新西兰奇异果</p>
          <p><s>原价:￥6.50/kg</s></p>
          <p><strong>现在仅售：￥4.00/kg</strong></p>
    4.6. 下划线标签u（很少使用，一般用css替代
    注：格式化标签如果连续存在多行（不一定是相同的标签），则包含的文字会被解析成一行（中间多一个空格），这点和标题标签h1~h6以及文本标签p不同。
5. 水平线标签hr，即<hr/>
6. div标签，即division.
    用来划分一个区域，为html文档内大块内容提供结构和样式.
7. 特殊符号
    7.1. 空格，标记为"&nbsp;"
          A. 在html文件中插入空格是无效的，必须使用代码，即”&nbsp;“，可记忆为牛逼空格。
    注：特殊符号都是以&开始，以英文结尾，并且在html文档中使用时不需要用<>
8. 自闭合标签
    A. 一般标签内部可以插入其他标签或文字；自闭合标签内部不能插入其他标签或文字，只能定义自身的属性。
    B. 常见的自闭合标签包括：
       <meta/> 定义页面的说明信息，供搜索引擎查看。
       <link/> 用于连接外部的CSS文件或脚本文件。
       <base/> 定义页面所有链接的基础定位
       <br/> 换行
       <hr/> 水平线
       <input/> 用于定义表单元素
       <img/> 图像标签
9. 块元素和行内元素
    html标签（元素）根据表现形式，可以分为块标签（block）和行内标签（inline）
    9.1. 块元素（块标签）
          A. 在浏览器中的显示效果上，块元素独占一行，排斥其他元素（块元素和行内元素）。
          B. 在html语法上，块元素内部可以容纳其他块元素或行内元素
          C. 常用的块元素有div、h1~h6、p、hr、ol、ul
    9.2. 行内元素（行内标签）
          A. 在浏览器中的显示效果上，可默认与其他行内元素位于同一行。
              如果在html文件中，两个行内元素写在一行，则元素内的内容连续显示。
              如果在html文件中，两个行内元素写在连续的两行，则元素内的内容之间自动插入一个空格，但不会换行显示。
              如果想要两个行内元素内的内容换行显示，则只有插入换行标签<br />。
          B. 在html语法上，行内元素内部可以容纳其他行内元素，但不能容纳块元素。
          C. 常用的行内元素有strong、em、s、u、a、span、img、input。