HTML基础

（以下内容要被包含在body内）
  1、字体  font

        有三个属性：face、size、color

face：用来定义文字以什么格式出现。 

<font face="宋体">
        储备粮的名字：
    </font>
    
    <font face="华文琥珀">
        储备粮的名字：
    </font>

size：控制字体大小，取值为1~7（绝对整数）或者-4~+4，不包括0（相对整数，相对于3）。两者起到的效果相同，没有太大区别。

    <font face="宋体" size=2>
        储备粮的名字：
    </font>
    
    <font face="华文琥珀" size=4>
        储备粮的名字：
    </font>

 color:设置字体颜色。颜色的表示方法可以是直接打对应的单词，也可以用十六进制数表示。

 <font face="宋体" size=2 color="gold">
        储备粮的名字：
    </font>
    
    <font face="华文琥珀" size=4 color="blue">
        储备粮的名字：
    </font>

 2、标题标签

        （1）<h1>~<h7>，字体依次缩小。

    <font face="宋体" color="gold">
       <h1>旅行者</h1> 
       <h2>旅行者</h2> 
       <h3>旅行者</h3> 
       <h4>旅行者</h4> 
       <h5>旅行者</h5> 
       <h6>旅行者</h6>
    </font>

 ps：这里字体大小设置就不要设置了，会有冲突，当设置了size=2时，h6的字体和h5是一样的大小，会产生冲突。

        （2）字体放大<big></big>,他可以多层套用，放大字体的功能叠加。有放大就有缩小，<small></small>

 <font color="gold">
        原神<big>提<big>瓦特</big></big>大陆
        <small><small>上有</small>七</small>个国家。
    </font>

        （3）粗体、斜体<b></b>、<strong></strong>，<i></i>、<em></em>、<cite></cite>。

<font  size=1 color="blue">
      火花<em>骑士</em>可莉<i>问你</i>要不要和<cite>她一起</cite>去炸鱼。
    </font>

        （4）上下标记，<sup>,<sub>。表示c1=x^2/4+y^2/49。

     c<sub>1</sub>=X<sup>2</sup>/4+Y<sup>2</sup>/49;

        （5）删除线<s></s>。在文字上画删除线。

<font size=2 color="gold"> 
    <s>sang</s>（干）<s>心</s>（的）<S>病</S>（漂）<s>狂</s>（亮）
</font>

        (6)下划线<u></u>。在文字下划线。

 <font color="red">
        <u>迪卢克老爷</u>
 </font>
 最帅！
    

 3、文本分段

        （1）<p>标签用于分段，<p>是起始，</p>是结束，<p>可以单独使用。<br>是换行，嵌套在标签<p>内不影响段落数。

<p>这是第一段
<p>这是第二段即使有<br>br换行符那也只换行</p>
<p>这是第三段</p>

 4、水平标记线<hr>,无结束标记。主要的作用是来划分页面，使页面看起来更整洁有序

        有三个属性：size、width、noshade、color。size设定水平线的高，width设置他的宽，noshade设定是否加阴影来显示立体效果，color设定它的颜色。

5、居中标记<center>

        想要居中的内容放到center里，

 <font color="#00985f"> 
        <center>原神<br></center>
        <center>先是蒙德，
            再是璃玥，
            然后是稻妻
        </center>

        这个center标签
        
        <p align="center">可以放在其他相关标签里，在align属性里赋值集中效果，
        </p>body也可以这么使用，让body里的内容居中。
    </font>