用 圖 案 字 型 美 化 網 頁
事前解說
即然說到這部份,就必須把先前所沒介紹FONT其中的一個屬性FACE介紹一下了,

主要功能:
用文字替代圖形以便加快瀏覽速度,而且可以兼具美觀及速度

FONT之屬性FACE的介紹
FACE這個屬性就是我們在Word中所用的字型這個功能,而之前為什麼沒有介紹主要 有以下兩點
1. 因為在NC中只支援英文字型,而在IE中則支援中英文字型
2. 若在指定字型時,對方電腦上必須也要安裝此字型,否則無法正常顯示

用法:
<FONT FACE=華康中楷體,華康勘亭流>字型測試 </FONT>

解說:
FACE=華康中楷體,華康勘亭流中為何連續指定兩種字型:
安裝華康中楷體及華康勘亭流則會顯示→華康中楷體
沒安裝華康中楷體而有安裝華康勘亭流則會顯示→華康勘亭流
依此類推,當然可以一直設定下去了

圖案字型使用方法
用法其實很簡單,就是用FONT之屬性FACE來做的,而字型就是一般電腦上一定都有的Wingdings字型

用法:
<FONT FACE=Wingdings>&#40;</FONT>

效果:
(

解說:
在&#40;之中的40就是指下面圖案字型一覽表中的代號了,那這樣就知道了吧. 而這個圖案字型,其實也是一種字型,所以可以自由調整其顏色和大小也就是說用FONT之SIZE和COLOR的屬性來調就好了

圖案字型一覽表
33 34 35 36 37 38 39 40
! " # $ % & ' (
41 42 43 44 45 46 47 48
) * + , - . / 0
49 50 51 52 53 54 55 56
1 2 3 4 5 6 7 8
57 58 59 60 61 62 63 64
9 : ; < = > ? @
65 66 67 68 69 70 71 72
A B C D E F G H
73 74 75 76 77 78 79 80
I J K L M N O P
81 82 83 84 85 86 87 88
Q R S T U V W X
89 90 91 92 93 94 95 96
Y Z [ \ ] ^ _ `
97 98 99 100 101 102 103 104
a b c d e f g h
105 106 107 108 109 100 111 112
i j k l m d o p
113 114 115 116 117 118 119 120
q r s t u v w x
121 122 123 124 125 126 127
y z { | } ~ 
特別說明
用圖案字型美化網頁本篇文章為原作者 傅鴻銘所擁有, 經本人修改,以口語化的方式教導初學者使用,而此份文章相當的簡化,若要知道詳細的文章內容請到 紅雪的網頁觀看

對於要學習網頁製做的初學者來說,紅雪的網頁可以說是個相當好的 網站,裡面有很多關於做網頁可以用到的java和cgi的東西可以下載,去一次,保證收獲無窮

原作者:  紅雪的網頁傅鴻銘  E-mail
修改:  醒吾技術學院  國貿系  陳義元  E-mail
完成日期:1999年9月9日

[ 上一頁 | 回主頁 | 下一頁 ]