HTML之字體標(biāo)記

2024-04-27 13:54:54

字體：大中小

供稿：網(wǎng)友

■ 字體標(biāo)記

　　欲明白本篇【HTML徹底剖析】之標(biāo)記分類，請(qǐng)看【標(biāo)記一覽】。
　　也請(qǐng)先明白圍堵標(biāo)記與空標(biāo)記的分別，請(qǐng)看【HTML概念】。

■實(shí)體標(biāo)記與邏輯標(biāo)記：

▲Top

　　這一節(jié)【字體標(biāo)記】你必須先明白實(shí)體標(biāo)記與邏輯標(biāo)記的分別，否則你會(huì)迷惑于為何不同的標(biāo)記卻有相同的效果。兩者分別有以下兩處：

　　1、實(shí)體標(biāo)記有固定的顯示效果，邏輯標(biāo)記標(biāo)記則依不同瀏覽器而不同。

　　例如邏輯標(biāo)記的 <EM> 由于瀏覽器的不同它所標(biāo)示的文字不一定出現(xiàn)斜體效果，它可能是加底線、粗體或反白等，所以這一節(jié)是以它們?cè)?IE 和 NC 中的效果作介紹。

　　2、多個(gè)實(shí)體標(biāo)記也可有效標(biāo)示同一字句，邏輯標(biāo)記則通常于瀏覽器不能有效顯示多重的標(biāo)示。

　　例如兩個(gè)邏輯標(biāo)記 <EM> 及 <STRONG> 同時(shí)標(biāo)示一字句于舊瀏覽器常失去作用。

實(shí)體標(biāo)記有：
<I> <B> <U>
邏輯標(biāo)記有：
<STRONG> <EM> <VAR> <CITE> <DFN> <ADDRESS> <CODE> <KBO> <SAMP> <TT>

　　若要求真確的效果當(dāng)然以實(shí)體標(biāo)記為佳。

■<STRONG> <B> ：

▲Top

　　兩者皆能產(chǎn)生字體加粗效果，但必須注意的是當(dāng)文件編碼被設(shè)為漢字時(shí)，兩者所標(biāo)示的中文字不會(huì)在 Netscape Netvigator 顯示粗體效果。

例子：（第一行是沒(méi)有任何字體標(biāo)記的，作參照用）

HTML Source Code （原代碼）	瀏覽器顯示結(jié)果
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

　　這些標(biāo)記在 Internet Explorer 里都會(huì)產(chǎn)生斜體效果，而只有 </DFN> 于 Netscape Netvigator 失去作用。這些標(biāo)記中只有 <ADDRESS> 較為特別，因?yàn)樗〒Q行效果所以不必在它前面加上 <BR> 標(biāo)記。

例子：

HTML Source Code （原代碼）	瀏覽器顯示結(jié)果
<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

　　為方便對(duì)照及記認(rèn)，所以把十個(gè)標(biāo)記放在一起介紹。

<TT> <SAMP> <CODE> <KBD> 可令每字母有相等寬度且每個(gè)字母之間的距離稍微加寬。但于 NC 不見(jiàn)得如此。
<U> 是加底線的標(biāo)記，一些特別的瀏覽器并不支持，因顧慮到與鏈接混淆。
<STRIKE> 加上刪除線的標(biāo)記。
<BIG> 令字體加大。
<SMALL> 令字體變細(xì)。
<SUB> 為下標(biāo)字， <SUP> 則為上標(biāo)字，僅剩的數(shù)學(xué)標(biāo)記。

例子：（第一行是沒(méi)有任何字體標(biāo)記的，作參照用）

HTML Source Code （原代碼）	瀏覽器顯示結(jié)果
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 12345₇ 6789⁹

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

▲Top

　　這些標(biāo)記是標(biāo)題標(biāo)記，由 <H1> 到 <H6> 逐漸變小。每個(gè)標(biāo)題標(biāo)記所標(biāo)示的字句將獨(dú)占一行且上下留一空白行。

例子：

原代碼

<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>

顯示結(jié)果

Header Level 1

Header Level 2

Header Level 3

Header Level 4

Header Level 5

Header Level 6

■<FONT> <BASEFONT>：

▲Top

　　這一節(jié)只有這兩個(gè)標(biāo)記具參數(shù)設(shè)定，且兩者的參數(shù)設(shè)定是一樣的，都是負(fù)責(zé)設(shè)定文字的大小、字型及顏色，但各有用處，且看以下比較：

<BASEFONT> 可以用于文件開(kāi)頭部分，即 <HEAD> 與 </HEAD> 之間的位置，將影響全文字句，是一個(gè)空標(biāo)記，用以改變字體顯示的內(nèi)定值。
<FONT> 是應(yīng)用于文件的內(nèi)文部分，即 <BODY> 與 </BODY> 之間的位置，只影響所標(biāo)示的字句，是一個(gè)圍堵標(biāo)記。
兩標(biāo)記可同時(shí)存在，唯沒(méi)被 <FONT> 所標(biāo)示的字句才直接受 <BASEFONT> 所影響，而 <FONT> 本身也受 <BASEFONT> 的影響。

　　<FONT>的參數(shù)設(shè)定：

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

face="Arial"
設(shè)定文字的字形。Arial 是常用的一種，請(qǐng)不要使用 Window 附帶字體以外的字體。對(duì)于沒(méi)有設(shè)定為中文代碼的中文網(wǎng)頁(yè)，Netscape Netvigator 不會(huì)顯示此標(biāo)記所指明的任何中文字體。
size="+2"
設(shè)定文字的大小。其值可以是絕對(duì)或相對(duì)，
絕對(duì)的意思是標(biāo)記自己決定文字的大小，不受 <BASEFONT> 的影響，如
size="5" 表示其大小便是 5，而html內(nèi)定值為 3，即 size="3"和沒(méi)設(shè)定是一樣的。
相對(duì)的意思是在默認(rèn)值 3 基礎(chǔ)上增大或縮小的級(jí)數(shù)，如 size="+2" 便等同絕對(duì)表示法的 size="5"，藍(lán)天若已設(shè)定 <BASEFONT size="n"> 則其實(shí)際大小便是 n+2 不再是 3+2 了。<BASEFONT>只有絕對(duì)表示法。
color="#008000"
設(shè)定文字的顏色。#008000 表示綠色，各類顏色值及調(diào)色法請(qǐng)參考【調(diào)色原理】

例子：

原代碼	<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>
顯示結(jié)果	I love Creation of Webpage I love Creation of Webpage I love Creation of Webpage