5、HTML语言剖析之字体标记
    <STRONG> <B> 
<I> <EM> <VAR> <CITE> <DFN> <ADDRESS> 
<TT> <SAMP> <CODE> <KBD> <U> <STRIKE> <BIG> <SMALL> <SUP> <SUB> 
<H1> <H2> <H3> <H4> <H5> <H6> 
<FONT> <BASEFONT>  
■实体标记与逻辑标记 : ▲Top 
这一节【字体标记】你必须先明白实体标记与逻辑标记的分别,否则你会迷惑于为何不同 的标记却有相同的效果。两者分别有以下两处: 
实体标记有固定的显示效果,逻辑标记则依不同浏览器而不同。 
例如逻辑标记的 <EM> 由于浏览器的不同它所标示的文字不一定出现斜体效果, 它可能是加底线、粗体或反白等,所以这一节是以它们在 IE 和 NC 中的效果作介 绍。 
多个实体标记亦可有效标示同一字句,逻辑标记则通常于旧浏览器不能有效显示多 重的标示。 
例如两个逻辑标记 <EM> 及 <STRONG> 同时标示一字句于旧浏览器常失去作用。 
实体标记有: 
<I> <B> <U> 
逻辑标记有: 
<STRONG> <EM> <VAR> <CITE> <DFN> <ADDRESS> <CODE> <KBO> <SAMP> <TT> 
若要求真确的效果当然以实体标记为佳。 
■<STRONG> <B> : ▲Top 
两者皆能产生字体加粗的效果,但必须注意的是当文件被设为 gb2312 Encoding 时,两者所 标示的中文字不会于 Netscape Netvigator 显示粗体效果。 
例子: (第一行是没有任何字体标记的,作对照之用) HTML Source Code (原始码) 浏览器显示结果 
Creation of Webpage 
<br><STRONG>Creation of Webpage</STRONG> 
<br><B>Creation of Webpage</B>  Creation of Webpage 
Creation of Webpage 
Creation of Webpage  
■<I> <EM> <VAR> <CITE> <DFN> <ADDRESS>: ▲Top 
这些标记于 Internet Explorer 都产生斜体效果,而只有 </DFN> 于 Netscape Netvigator 失去作 用。这些标记中只有 <ADDRESS> 较为特别,因它包括换行效果所以不必在它前面加上 <BR> 标记。 
例子: HTML Source Code (原始码) 浏览器显示结果 
<I>Creation of Webpage</I> 
<br><EM>Creation of Webpage</EM> 
<br><VAR>Creation of Webpage</VAR> 
<br><CITE>Creation of Webpage</CITE> 
<br><DFN>Creation of Webpage</DFN> 
<ADDRESS>Creation of Webpage</ADDRESS>  Creation of Webpage 
Creation of Webpage 
Creation of Webpage 
Creation of Webpage 
Creation of Webpage 
Creation of Webpage 
■<TT> <SAMP> <CODE> <KBD> <U> <STRIKE> <BIG> <SMALL> <SUP> <SUB> ▲Top 
为方便对照及记认,所以把十个标记于在一起介绍。 
<TT> <SAMP> <CODE> <KBD> 可令每字母有相等宽度且每字母之间的距离稍为加 宽。但于 NC 不见得如此。 
<U> 是加底线的标记,一些特别的浏览器并不支援,因顾虑到与连结混淆。 
<STRIKE> 加上删除线的标记。 
<BIG> 令字体加大。 
<SMALL> 令字体变细。 
<SUB> 为下标字, <SUP> 则为上标字,仅剩的数学标记。 
例子: (第一行是没有任何字体标记的,作对照之用) HTML Source Code (原始码) 浏览器显示结果 
Creation of Webpage 
<br><TT>Creation of Webpage</TT> 
<br><SAMP>Creation of Webpage</SAMP> 
<br><CODE>Creation of Webpage</CODE> 
<br><KBD>Creation of Webpage</KBD> 
<br><U>Creation of Webpage</U> 
<br><STRIKE>Creation of Webpage</STRIKE> 
<br><BIG>Creation of Webpage</BIG> 
<br><SMALL>Creation of Webpage</SMALL> 
<br>12345<SUB>7</SUB> 6789<SUP>9</SUP>  Creation of Webpage 
Creation of Webpage 
Creation of Webpage 
Creation of Webpage 
Creation of Webpage 
Creation of Webpage 
Creation of Webpage 
Creation of Webpage 
Creation of Webpage 
123457 67899  
■<H1> <H2> <H3> <H4> <H5> <H6>: ▲Top 
这些是标题标记,由 <H1> 至 <H6> 变粗变大加宽的程度逐渐减小。每个标题标记所标示 的字句将独占一行且上下留一空白行。 
例子: 原始码 <H1>Header Level 1</H1> 
<H2>Header Level 2</H2> 
<H3>Header Level 3</H3> 
<H4>Header Level 4</H4> 
<H5>Header Level 5</H5> 
<H6>Header Level 6</H6>  
显示结果 Header Level