close
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"> | |
| 結果： |  | |
| 說明： | "圖片網址"→將滑鼠移至要貼的圖上→右鍵→內容即可看到"圖片網址" |
全站熱搜
留言列表
{{ article.title }}