HTML语言剖析(六)字体标记

HTML语言剖析

实体标记与逻辑标记：

这一节【字体标记】你必须先明白实体标记与逻辑标记的分别，否则你会迷惑于为何不同的标记却有相同的效果。两者分别有以下两处：实体标记有固定的显示效果，逻辑标记则依不同浏览器而不同。

例如逻辑标记的 <EM> 由于浏览器的不同它所标示的文字不一定出现斜体效果，它可能是加底线、粗体或反白等，所以这一节是以它们在 IE 和 NC 中的效果作介绍。

多个实体标记亦可有效标示同一字句，逻辑标记则通常于旧浏览器不能有效显示多重的标示。

例如两个逻辑标记 <EM> 及 <STRONG> 同时标示一字句于旧浏览器常失去作用。

实体标记有：

逻辑标记有：

若要求真确的效果当然以实体标记为佳。

<STRONG> <B> ：

两者皆能产生字体加粗的效果，但必须注意的是当文件被设为 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

<I> <EM> <VAR> <CITE> <DFN> <ADDRESS>：

这些标记于 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

为方便对照及记认，所以把十个标记于在一起介绍。 <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>

Creation of Webpage

123457 67899

<H1> <H2> <H3> <H4> <H5> <H6>：

这些是标题标记，由 <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 1

Header Level 2

Header Level 3

Header Level 4

Header Level 5

Header Level 6

<FONT> <BASEFONT>：

这一节只有这两个标记具参数设定，且两者的参数设定是一样的，都是负责设定文字的大小、字形及颜色，但各有用处，且看以下比较： <BASEFONT> 可以用于文件的开头部分，即 <HEAD> 与 </HEAD> 之间的位置，将影响全文字句，是一个空标记，用以改变字体显示的内定值。

<FONT> 是应用于文件的内文部分，即 <BODY> 与 </BODY> 之间的位置，只影响所标示的字句，是一个围堵标记。

两标记可同时存在，唯没被 <FONT> 所标示的字句才直接受 <BASEFONT> 所影响，而 <FONT> 本身亦受 <BASEFONT> 的影响。

<FONT>的参数设定：

例子： <font face="Arial" size="+2" color="#008000">Creation of Webpage</font> 　 face="Arial"

设定文字的字形。Arial 是常用的一种，请不要使用 Window 内建字形以外的字形。于没有设定为 Gb2312 Encoding 的中文网页，Netscape Netvigator 不会显示此标记所指明的任何中文字形。

size="+2"

设定文字的大小。其值可以是绝对或相对，

绝对的意思便是标记自己决定文字的大小，不受 <BASEFONT> 的影响，如

size="5" 表示其大小便是 5，而html内定值为 3，即 size="3"和没有设定是一样的。

相对的意思便是在内定值 3 的基础上增加或减少大小级数，如 size="+2" 便等同绝对表示法的 size="5"，但若已设定 <BASEFONT size="n"> 则其实际大小便是 n+2 不再是 3+2 了。<BASEFONT>只有绝对表示法。

color="#008000"

设定文字的颜色。#008000 表示绿色

例子：原始码<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

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。