■ 字体标记
<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>
欲明白本篇【HTML彻底剖析】之标记分类,请看 【标记一览】。
也请先明白围堵标记与空标记的分别,请看 【HTML概念】。
■实体标记与逻辑标记 : |
▲Top |
这一节【字体标记】你必须先明白实体标记与逻辑标记的分别,否则你会迷惑于为何不同 的标记却有相同的效果。两者分别有以下两处:
1、实体标记有固定的显示效果,逻辑标记标记则依不同浏览器而不同。
例如逻辑标记的 <EM> 由于浏览器的不同它所标示的文字不一定出现斜体效果, 它可能是加底线、粗体或反白等,所以这一节是以它们在 IE 和 NC 中的效果作介绍。
2、多个实体标记也可有效标示同一字句,逻辑标记则通常于浏览器不能有效显示多 重的标示。
例如两个逻辑标记 <EM> 及 <STRONG> 同时标示一字句于旧浏览器常失去作用。
若要求真确的效果当然以实体标记为佳。
■<STRONG> <B> : |
▲Top |
两者皆能产生字体加粗效果,但必须注意的是当文件编码被设为汉字时,两者所标示的中文字不会在 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 |
为方便对照及记认,所以把十个标记放在一起介绍。
例子: (第一行是没有任何字体标记的,作参照用)
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 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 1Header Level 2Header Level 3Header Level 4Header Level 5Header Level 6 |
■<FONT> <BASEFONT>: |
▲Top |
这一节只有这两个标记具参数设定,且两者的参数设定是一样的,都是负责设定文字的大小、 字型及颜色,但各有用处,且看以下比较:
<FONT>的参数设定:
例子: <font face="Arial" size="+2" color="#008000">Creation of Webpage</font>
例子:
原代码 | <font size="+1">I love Creation of Webpage</font> <br><font size="+2" color="#800080">I love Creation of Webpage</font> <br><font face="Times New Roman" size="5" color="#008000">I love Creation of Webpage</font> |
显示结果 | I love Creation of Webpage I love Creation of Webpage I love Creation of Webpage |