語法效果
效果語法
備註說明
字大小變化
<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">
結果:
說明:
"圖片網址"→將滑鼠移至要貼的圖上→右鍵→內容即可看到"圖片網址"
語法效果 效果語法 備註說明 字大小變化 <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"> | |
結果: | ![]() | |
說明: | "圖片網址"→將滑鼠移至要貼的圖上→右鍵→內容即可看到"圖片網址" |