HTML 语法教学之字体标签

【标题标签】

2. 使用方法：<h1>标题内容</h1>

3. 标签解说：标题的大小一共有六种，两个标签一组，也就是从<h1>到<h6>，<h1>最大，<h6>最小。使用标题标签时，该标签会将字体变成粗体字，并且会自成一行。

4. 使用范例：
   

   原始码	呈现结果
   <h1>标题一</h1>	标题一
   <h2>标题二</h2>	标题二
   <h3>标题三</h3>	标题三
   <h4>标题四</h4>	标题四
   <h5>标题五</h5>	标题五
   <h6>标题六</h6>	标题六

【设定字体大小标签】

2. 使用方法：<font size=3>文字内容</font>

3. 标签解说：标题的大小一共有七种，也就是<font size=1>（最小）到<font size=7>（最大），另外，还有一种写法：<font size=+1>文字内容</font>，其意思就是说：比预设字大一级。当然也可以 font size=+2（比预设字大二级），或是 font size=-1（比预设字小一级），以一般而言，预设字体多为 3。

4. 使用范例：
   

   原始码	呈现结果
   <font size=1>字体一</font> 或是 <font size=-2>字体一</font>	字体一
   <font size=2>字体二</font> 或是 <font size=-1>字体二</font>	字体二
   <font size=3>字体三</font> 或是 <font size=+0>字体三</font>	字体三
   <font size=4>字体四</font> 或是 <font size=+1>字体四</font>	字体四
   <font size=5>字体五</font> 或是 <font size=+2>字体五</font>	字体五
   <font size=6>字体六</font> 或是 <font size=+3>字体六</font>	字体六
   <font size=6>字体七</font> 或是 <font size=+4>字体七</font>	字体七

【字型变化标签】

2. 使用方法：<b>文字</b>

3. 标签解说：在文字标签里，对于文字的格式也有相当多的变化，如粗体、斜体...等，此外，也定义了一些现成的格式供编者使用，如‘强调’、‘原始码’...等，当然，这只是方便您参考用，并无强迫说遇到原始码就要加上‘原始码’的标签。

4. 使用范例：
   

   原始码	呈现结果
   <b>粗体</b>	粗体
   <i>斜体</i>	斜体
   <u>底线</u>	底线
   <sup>上标</sup>	上标
   <sub>下标</sub>	下标
   <tt>打字机</tt>	打字机
   <blink>闪烁</blink>（ie没效果）	闪烁
   <em>强调</em>	强调
   <strong>加强</strong>	加强
   <samp>范例</samp>	范例
   <code>原始码</code>	原始码
   <var>变数</var>	变数
   <dfn>定义</dfn>	定义
   <cite>引用</cite>	引用
   <address>所在地址</address>	所在地址

【文字颜色设定】

2. 使用方法：<font color="#fefecb">文字颜色</font>

3. 标签解说：文字也可以设定 颜色喔！至于颜色有哪些....这....哪天我心血来潮再来做个色彩对应表吧！

4. 使用范例：
   

   原始码	呈现结果
   <font color="#ff0000">红</font>	红色的字喔！
   <font color="#ff8000">橙</font>	橙色的字喔！
   <font color="#ffff00">黄</font>	黄色的字喔！
   <font color="#00ff00">绿</font>	绿色的字喔！
   <font color="#0080ff">蓝</font>	蓝色的字喔！
   <font color="#0000a0">靛</font>	靛色的字喔！
   <font color="#8000ff">紫</font>	紫色的字喔！
   <font color="#000000">黑</font>	黑色的字喔！
   <font color="#c0c0c0">灰</font>	灰色的字喔！