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"> | |
| 結果： |  | |
| 說明： | "圖片網址"→將滑鼠移至要貼的圖上→右鍵→內容即可看到"圖片網址" |
不知道這樣寫法大家看的懂嗎??如果會了或要引用請給個回應
有問題也可發問
