| 此區主要是提供大家複製常用的語法來使用，不熟析之初學者修改語法時，建議別對語法做大幅度的修改，以免造成不必要的錯誤產生。
|
| HTML基本語法教學(1)
|
| 使用效果
| 使用語法
| 範例
| 註解
|
| 語法註解
| <! - -某某語法開始 - ->
| <! - -背景語法開始 - ->
| 可使語法清楚明瞭
|
| 字體大小
| <font size="?">輸入字</font>
| 我是size=3
| ?=1~7 (字體大小尺寸)
(1最小,7最大)
|
| 字體顏色
| <font color="#??????">輸入字</font>
| 我是#ff6600
| "#??????"=RGB
(16進位顏色或文字輸入)
|
| 字型設定
| <font face="字型名稱">輸入字</font>
| 我是標楷體
| 顯示其它字型
(字體要對方也有才行)
|
| 字體變粗
| <b>輸入字</b>
| 我變粗了
| 可讓字體變成粗體
|
| 字體變斜
| <i>輸入字</i>
| 我變斜了
| 可讓字體變成斜體
|
| 字體加底線
| <u>輸入字</u>
| 我加底線了
| 可讓字體加入底線
|
| 字體居中
| <center>輸入字</center>
| 我居中了
| 可讓字體居中
|
| 字體刪除線
| <s>輸入字</s>
| 我多了刪除線
| 可讓字體中間出現一行刪除線
|
| 打字機字體
| <tt>輸入字</tt>
| 我是打字機字體
| 把字體顯示成打字機使用字體
|
| 上標字
| <sup>輸入字</sup>
| 我是上標字
| 把字體顯示成上標字
|
| 下標字
| <sub>輸入字</sub>
| 我是下標字
| 把字體顯示成下標字
|
| 水平線
| <hr color="#??????">
|
我是水平線
| "#??????"=RGB
(16進位顏色或文字輸入)
|
| 換行輸入
| <br> 或 <p>
| 行<br>的效果
段落<p>的效果
| <br> 為行 <p> 為段落
|
| 顯示Email地址
| <ADDRESS>E-mail地址</ADDRESS>
|
| 用來顯示Email地址
|
| 超連結
| <a href="連結網址">連結地名稱</a>
| Jasmine
| 可連結到其他地方
|
| 另開視窗連結
| <a href="連結網址" target=_blank>連結地名稱</a>
| Jasmine
| 可另開啟新視窗連結
|
| 信箱連結
| <a href="mailto:信箱網址">連結地名稱</a>
| 客服信箱
| 可連結到其他地方
|
| 圖檔連結
| <a href="連結網址" target=_blank><img src="圖片網址" border="0"></a>
| 
| 可按圖檔開啟來連結
|
| HTML基本語法教學(2)-文字走馬燈變化
|
<marquee>這裡是您要填的內容</marquee>
普通捲動
|
|
<marquee behavior="slide">這裡是您要填的內容</marquee>
文字碰到左邊就會停止
|
<marquee behavior="slide" direction="right">這裡是您要填的內容</marquee>
文字碰到右邊就會停止
|
<marquee behavior="scroll">這裡是您要填的內容</marquee>
預設捲動
|
<marquee behavior="alternate">這裡是您要填的內容</marquee>
來回捲動
|
<marquee direction="left">這裡是您要填的內容</marquee>
向左捲動
|
<marquee direction="right">這裡是您要填的內容</marquee>
向右捲動
|
<marquee loop="2">這裡是您要填的內容</marquee>
捲動次數(可自行更改參數)
|
<marquee width="380">這裡是您要填的內容</marquee>
設定捲動寬度
|
<marquee height="50">這裡是您要填的內容</marquee>
設定捲動高度
|
<marquee bgcolor="#??????">這裡是您要填的內容</marquee>
設定背景顏色"#??????"=RGB (16進位顏色或文字輸入)
|
<marquee scrollamount="30">這裡是您要填的內容</marquee>
設定捲動速度(可自行更改參數)
|
<marquee direction="down">這裡是您要填的內容</marquee>
向下捲動
|
<marquee direction="up">這裡是您要填的內容</marquee>
向上捲動
|
| HTML基本語法教學(3)-文字對齊方式
|
<div align="left">文字靠左</div>
文字靠左對齊
|
<div align="center">文字置中</div>
文字置中對齊
|
<div align="right">文字靠右</div>
文字靠右對齊
|
| HTML基本語法教學(4)-貼圖標籤
|
| 基本貼圖標籤屬性: <img src="圖片網址">
|
| 圖的寬高貼圖標籤屬性: <img src="圖片網址"width="200"height="140">
|
變化框的厚寬度<img src="圖片網址" border="n">
範例border="3"
範例border="0"
|
| <IMG SRC="圖片網址"ALIGN=TOP>文字在右上
|
| <IMG SRC="圖片網址"ALIGN=BOTTOM>文字在右下
|
| <IMG SRC="圖片網址"ALIGN=MIDDLE>文字在中間
|
| <IMG SRC="圖片網址"HSPACE="15">文字離圖 |
留言列表
留言列表
