改變文章字體大小顏色特效

2009100615:02

 

 HTML語法簡介

 

語法效果 效果語法 備註說明
字大小變化 <font size=?>輸入文字</font> ?=1~7 (字體大小,1<7)
字體顏色 <font color=??????>輸入文字</font> ??????=RGB 例:0000FF
字體變粗 <b>輸入文字</b> 可讓字體變成粗體
字體變斜 <i>輸入文字</i> 可讓字體變成斜體
字體加底線 <u>輸入文字</u> 可讓字體加入底線
字體置中 <center>輸入文字</center> 可讓字體置中
字體刪除線 <s>輸入文字</s> 可讓字體中間出現一行刪除線
字型設定 <font face="字型名稱">輸入文字</font> 但字體也要對方有才行哦
打字機字體 <tt>輸入文字</tt> 顯示成打字機使用的字體
上標字 <sup>輸入文字</sup> 把字體顯示成上標字
下標字 <sub>輸入文字</sub> 把字體顯示成下標字
水平線 <hr color=??????> ??????=RGB 例:0000FF
換行輸入 輸入文字<br>輸入文字 可讓字體換行重疊
超連結 <a href="想連結網址">連結地的名稱</a> 可連結到其他地方
貼圖 <img src="圖形的網址"> 可顯現出圖形
循環走馬燈 <marquee behavior=scroll>輸入文字</marquee> 以走馬燈循環的方式顯現字體
信箱連結 <a href="mailto:信箱網址">連結地的名稱</a> 以走馬燈循環的方式顯現字體

 
 
    發表文章前若要改變字體字形大小時,特別注意事項:

    1. 先點選打勾【觀看HTML原始碼】選項後→

    2. 再修改語法→

 
改變字的大小顏色 語法: <font size="字的大小" color="#色碼">輸入你要的字</font>
範例: <font size="5" color="#ffff00">你會了嗎</font>
結果: 你會了嗎
說明: "色碼"可到網頁的顏色數碼區那找到

變色文字 語法: <img src= width=0 height=0 onerror="setInterval('font.style.color=Math.random()*255*255*255',500)"><font id="font">輸入你要出現的字</font>
範例: <img src= width=0 height=0 onerror="setInterval('font.style.color=Math.random()*255*255*255',500)"><font id="font">你看到字體在變色的效果了嗎</font>
結果: 你看到字體在變色的效果了嗎

立體文字 語法: <div style="FILTER: shadow(color=陰影色碼); WIDTH: 460px; HEIGHT: 30px"><font color="#文字色碼" size="文字大小">輸入你要寫的字</div></font>
範例: <div style="FILTER: shadow(color=00aa00); WIDTH: 460px; HEIGHT: 30px"><font color="#ffff00" size="4">看到了嗎是不是不一樣了</div></font>
結果:
看到了嗎是不是不一樣了

發亮文字 語法: <font color="字體顏色" size="字體大小" face="字體" style=width:100%;filter:glow(color=陰影顏色)>輸入你要出現的字</font>
範例: <font color="#ffffff" size="4" face="標楷體" style=width:100%;filter:glow(color=0066ff)>歡迎光臨常用語法區</font>
結果: 歡迎光臨常用語法區

底色文字 語法: <font style=width:100%;filter:glow(color=底色,strength=50)><center>輸入你要出現的字</center></font>
範例: <font style=width:100%;filter:glow(color=#8080ff,strength=50)><center>常用語法</center></font>

結果:

常用語法

文字超連結 語法: <a href="你要超連結網址" target="連結開啟方式">你要出現的字</a>
範例: <a href="http://home.educities.edu.tw/nkhs9323005/" target="_blank">歡迎光臨漪唲、籽潼、咿咡緦的家</a>
結果: 歡迎光臨漪唲、籽潼、咿咡緦的家

貼圖方式 語法: <img src="圖片網址" width="圖片顯示寬度尺寸" height="圖片顯示高度尺寸">
範例: <img src="http://home.educities.edu.tw/nkhs9323005/gif0398.gif" width="300" height="100">
結果:
說明: "圖片網址"→將滑鼠移至要貼的圖上→右鍵→內容即可看到"圖片網址"

不知道這樣寫法大家看的懂嗎??如果會了或要引用請給個回應

有問題也可發問