HTML 语法教学之字体标签

【标题标签】

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

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

使用范例：

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

【设定字体大小标签】

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

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

使用范例：

原始码	呈现结果
<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>	字体七

【字型变化标签】

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

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

使用范例：

原始码	呈现结果
<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>	所在地址

【文字颜色设定】

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

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

使用范例：

原始码	呈现结果
<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>	灰色的字喔！