学习网页制作基础入门教程(3)字体标签

标题标签

　　1. 使用方法：<H1>标题內容</H1>

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

　　3. 使用范例：

原始碼	呈現結果
<H1>标题1</H1>	标题1
<H2>标题2</H2>	标题2
<H3>标题3</H3>	标题3
<H4>标题4</H4>	标题4
<H5>标题5</H5>	标题5
<H6>标题6</H6>	标题6

　　设定字体大小标签

　　1. 使用方法：<FONT SIZE="尺寸">文字內容</FONT>

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

　　3. 使用范例： 本网页就是 <FONT SIZE = 9pt>

　　字型变化标签

　　1. 使用方法：<B>文字內容</B>

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

　　3. 使用范例：

原始代码	显示结果
<B>粗体</B>	粗体
<I>斜体</I>	斜体
<U>底线</U>	底线
<SUP>上标</SUP>	上标
<SUB>下标</SUB>	下标
<TT>打字机</TT>	打字机
<BLINK>闪烁</BLINK>	闪烁
<EM>强调</EM>	强调
<STRONG>加强</STRONG>	加强
<SAMP>范例</SAMP>	范例
<CODE>原始码</CODE>	原始码
<VAR>参数</VAR>	参数
<DFN>定义</DFN>	定义
<CITE>引用</CITE>	引用
<ADDRESS>所在地址</ADDRESS>	所在地址

　　文字颜色设定

　　1. 使用方法：<FONT COLOR="#000000">文字颜色</FONT>

　　2. 标签解释： 文字也可以设定颜色！

　　3. 使用范例：

原始代码	显示结果
<FONT COLOR="#ff0000">红色</FONT>	红色
<FONT COLOR="#ff8000">橙色</FONT>	橙色
<FONT COLOR="#ffff00">黃色</FONT>	黃色
<FONT COLOR="#00ff00">绿色</FONT>	绿色
<FONT COLOR="#0080ff">蓝色</FONT>	蓝色
<FONT COLOR="#8000ff">紫色</FONT>	紫色
<FONT COLOR="#000000">黑色</FONT>	黑色

　　文字字型设定

　　1. 使用方法： <FONT FACE="字型名称">文字</FONT>

　　2. 标签解释： 网页上也可以使用字型！唯一的一个限制是：对方也要有该字型！否则看到的仍然还是默认字体(默认字体为宋体)。另外要说明的是，这个标签并无法保证在每个浏览器上都能正常的显示，不过这并没有关系，看不到特殊的字型时，浏览器仍会以默认字体显示，所以不用怕会一团乱。

　　3. 使用范例：

原始代码	显示结果
<FONT FACE="宋体">宋体</FONT>	宋体

　　特殊字元

　　1. 使用方法：试打 " "

　　2. 标签解释：很多特殊符号是需要特别处理的，比如说" < "、" > "这两个符号若想要显示在网页上是没有办法直接打" < "的，要显示" < "必须输入编码表示法。

　　3. 使用范例：

原始代码	显示结果
	( 代表一个不断行空白)
<	<
>	>
&	&
"	"