<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>
■實(shí)體標(biāo)記與邏輯標(biāo)記 :
這一節(jié)【字體標(biāo)記】你必須先明白實(shí)體標(biāo)記與邏輯標(biāo)記的分別,否則你會(huì)迷惑于為何不同 的標(biāo)記卻有相同的效果。兩者分別有以下兩處:
1、實(shí)體標(biāo)記有固定的顯示效果,邏輯標(biāo)記則依不同瀏覽器而不同。
例如邏輯標(biāo)記的 <EM> 由于瀏覽器的不同它所標(biāo)示的文字不一定出現(xiàn)斜體效果, 它可能是加底線、粗體或反白等,所以這一節(jié)是以它們?cè)?IE 和 NC 中的效果作介 紹。
?。?、多個(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> :
?
兩者皆能產(chǎn)生字體加粗的效果,但必須注意的是當(dāng)文件被設(shè)為 gb2312 Encoding 時(shí),兩者所 標(biāo)示的中文字不會(huì)于 Netscape Netvigator 顯示粗體效果。
例子: (第一行是沒有任何字體標(biāo)記的,作對(duì)照之用)
| 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>:
?
這些標(biāo)記于 Internet Explorer 都產(chǎn)生斜體效果,而只有 </DFN> 于 Netscape Netvigator 失去作 用。這些標(biāo)記中只有 <ADDRESS> 較為特別,因它包括換行效果所以不必在它前面加上 <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>
為方便對(duì)照及記認(rèn),所以把十個(gè)標(biāo)記于在一起介紹。
<TT> <SAMP> <CODE> <KBD> 可令每字母有相等寬度且每字母之間的距離稍為加 寬。但于 NC 不見得如此。
<U> 是加底線的標(biāo)記,一些特別的瀏覽器并不支援,因顧慮到與連結(jié)混淆。
<STRIKE> 加上刪除線的標(biāo)記。
<BIG> 令字體加大。
<SMALL> 令字體變細(xì)。
<SUB> 為下標(biāo)字, <SUP> 則為上標(biāo)字,僅剩的數(shù)學(xué)標(biāo)記。
例子: (第一行是沒有任何字體標(biāo)記的,作對(duì)照之用)
| 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 123457 67899 |
?
■<H1> <H2> <H3> <H4> <H5> <H6>:
?
這些是標(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 1Header Level 2Header Level 3Header Level 4Header Level 5Header Level 6 |
■<FONT> <BASEFONT>:
這一節(jié)只有這兩個(gè)標(biāo)記具參數(shù)設(shè)定,且兩者的參數(shù)設(shè)定是一樣的,都是負(fù)責(zé)設(shè)定文字的大 小、字形及顏色,但各有用處,且看以下比較:
<BASEFONT> 可以用于文件的開頭部分,即 <HEAD> 與 </HEAD> 之間的位置,將 影響全文字句,是一個(gè)空標(biāo)記,用以改變字體顯示的內(nèi)定值。
<FONT> 是應(yīng)用于文件的內(nèi)文部分,即 <BODY> 與 </BODY> 之間的位置,只影響 所標(biāo)示的字句,是一個(gè)圍堵標(biāo)記。
兩標(biāo)記可同時(shí)存在,唯沒被 <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 內(nèi)建字 形以外的字形。于沒有設(shè)定為 Gb2312 Encoding 的中文網(wǎng)頁,Netscape Netvigator 不會(huì)顯示此標(biāo)記 所指明的任何中文字形。
size=”+2″
設(shè)定文字的大小。其值可以是絕對(duì)或相對(duì),
絕對(duì)的意思便是標(biāo)記自己決定文字的大小,不受 <BASEFONT> 的影響,如
size=”5″ 表示其大小便是 5, 而html內(nèi)定值為 3,即 size=”3″和沒有設(shè)定是一樣的。
相對(duì)的意思便是在內(nèi)定值 3 的基礎(chǔ)上增加或減少大小級(jí)數(shù),如 size=”+2″ 便等同絕 對(duì)表示法的 size=”5″,但若已設(shè)定 <BASEFONT size=”n”> 則其實(shí)際大小便是 n+2 不 再是 3+2 了。<BASEFONT>只有絕對(duì)表示法。
color=”#008000″
設(shè)定文字的顏色。#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> |
| 顯示結(jié)果 | I love Creation of Webpage I love Creation of Webpage I love Creation of Webpage |
