HTML語言剖析(五)字型標記

2021-04-15 00:28:15 字數 2430 閱讀 6876

■實體標記與邏輯標記 :

這一節【字型標記】你必須先明白實體標記與邏輯標記的分別,否則你會迷惑於為何不同 的標記卻有相同的效果。兩者分別有以下兩處:

實體標記有固定的顯示效果,邏輯標記則依不同瀏覽器而不同。

例如邏輯標記的 由於瀏覽器的不同它所標示的文字不一定出現斜體效果, 它可能是加底線、粗體或反白等,所以這一節是以它們在 ie 和 nc 中的效果作介 紹。

多個實體標記亦可有效標示同一字句,邏輯標記則通常於舊瀏覽器不能有效顯示多 重的標示。

例如兩個邏輯標記 及同時標示一字句於舊瀏覽器常失去作用。

若要求真確的效果當然以實體標記為佳。

兩者皆能產生字型加粗的效果,但必須注意的是當檔案被設為 gb2312 encoding 時,兩者所 標示的中文字不會於 netscape netvigator 顯示粗體效果。 例子: (第一行是沒有任何字型標記的,作對照之用)

html source code (原始碼)

瀏覽器顯示結果

creation of webpage

creation of webpage

creation of webpagecreation of webpage

creation of webpage

creation of webpage■:

這些標記於 internet explorer 都產生斜體效果,而只有 於 netscape netvigator 失去作 用。這些標記中只有 較為特別,因它包括換行效果所以不必在它前面加上

標記。 例子:

html source code (原始碼)

瀏覽器顯示結果

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

creation of webpage

creation of webpage

creation of webpage

為方便對照及記認,所以把十個標記於在一起介紹。

例子: (第一行是沒有任何字型標記的,作對照之用)

html source code (原始碼)

瀏覽器顯示結果

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

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

■header level 4

header level 5

header level 6

顯示結果

header level 4

header level 5

header level 6

■:這一節只有這兩個標記具引數設定,且兩者的引數設定是一樣的,都是負責設定文字的大 小、字形及顏色,但各有用處,且看以下比較:

的引數設定:

例子: face="arial" size="+2" color="#008000">creation of webpage

例子:

原始碼i love creation of webpage

i love creation of webpage

i love creation of webpage

顯示結果

i love creation of webpage

i love creation of webpage

i love creation of webpage  

HTML語言剖析之字型標記

html語言剖析之字型標記 header level 4 header level 5 header level 6 顯示結果 header level 1 header level 2 header level 3 header level 4 header level 5 header leve...

HTML語言剖析 五

html語言剖析 太平洋網路學院 字型標記 header level 4 header level 5 header level 6 顯示結果 header level 4 header level 5 header level 6 top 這一節只有這兩個標記具引數設定,且兩者的引數設定是一樣的,...

HTML語言剖析(十)鏈結標記

稱鏈結標記,由 與 所圍的文字 等等可以成為乙個鏈結。的一般引數設定 例如 href index.html name hello target top name hello 這引數是為檔案埋下參考點,作為被鏈結,不會被顯示。所以說造成乙個內部連 結 要使用兩次 鏈結標記。乙個使用引數 name 事先...