HTML基礎教學(6)--文字字型、顏色與樣式

之前我們有提到了如何利用 BODY 標籤來設定文字的顏色, 但它所影響的是整篇網頁的所有文字, 如果要將某些文字設定成其他顏色, 那就要用我們今天要講的 FONT 標籤

<FONT color="顏色值">你要改變顏色的文字</FONT>

利用 FONT 標籤的 color 屬性, 即可將 FONT 標籤包住的文字設定成該顏色, 顏色值跟之前說的是一樣的設法, 可以用顏色名, 也可以用 16 進位顏色值, 例如

<FONT color="blue">這裡的文字會是藍色</FONT>
<FONT color="green">這裡的文字會是綠色</FONT>

另外, 我們也可能希望改變文字的大小與字型, 這也要利用 FONT 標籤

<FONT size="文字大小" face="字型名稱">這裡的文字會改變文字大小與字型</FONT>

size 屬性值只能設定 1~7 的數值, 數字愈大字就愈大, 一般未指定大小的文字是 3 這個大小
字型名稱(字體名稱)則是像 標楷體、細明體、Verdana....等等的這些字型名稱, 你可以開啟 Word, 利用它設定字型的功能, 即可看到在你的電腦有那些字型, 不過若你的網頁是要放到網路上讓其他人瀏覽的, 那就最好不要用特殊字型, 因為字型的呈現, 是決定在瀏覽的人其電腦上有沒有那個字型, 而不是決定在撰寫網頁的人有沒有那個字型, 所以若你使用了一個別人沒有的字型, 那麼他在看你的網頁時, 就看不到那個字型的效果, 這點要非常注意, 下面是個簡單的範例

<FONT size="7" face="標楷體">這裡的文字會是7級字標楷體</FONT>

另外, 我們也常需要將某些文字設為粗體、斜體或加底線等等, 我們可以利用下面這三種標籤來達到效果

<B>這裡的文字會變粗體</B>
<I>這裡的文字會變斜體</I>
<U>這裡的文字會加底線</U>

雖然 HTML 也提供了其他標籤可以達到這些效果, 但我想這三個是最好記的了

以上這些都是可以混合使用的, 例如

<B>
<FONT color="blue">這裡的文字會是藍色粗體</FONT>
<FONT color="green"><I><U>這裡的文字會是綠色斜體加底線</U></I></FONT>
</B>

--gs--
{HTML基礎教學}{為何我在網頁上用的字型別人看不到}

沒找到你要的東西嗎？歡迎留下你的問題！若是我知道的，我會盡力的回答。