HTML基本語法教學
此區主要是提供大家複製常用的語法來使用,不熟析之初學者修改語法時,建議別對語法做大幅度的修改,以免造成不必要的錯誤產生。 |
|||
HTML基本語法教學(1) |
|||
使用效果 |
使用語法 |
範例 |
註解 |
語法註解 |
<! - -某某語法開始 - -> |
<! - -背景語法開始 - -> |
可使語法清楚明瞭 |
字體大小 |
<font size="?">輸入字</font> |
我是size=3 |
?=1~7 (字體大小尺寸) |
字體顏色 |
<font color="#??????">輸入字</font> |
我是#0000ff |
"#??????"=RGB |
字型設定 |
<font face="字型名稱">輸入字</font> |
我是標楷體 |
顯示其它字型 |
字體變粗 |
<b>輸入字</b> |
我變粗了 |
可讓字體變成粗體 |
字體變斜 |
<i>輸入字</i> |
我變斜了 |
可讓字體變成斜體 |
字體加底線 |
<u>輸入字</u> |
我加底線了 |
可讓字體加入底線 |
字體居中 |
<center>輸入字</center> |
我居中了 |
可讓字體居中 |
字體刪除線 |
<s>輸入字</s> |
我多了刪除線 |
可讓字體中間出現一行刪除線 |
打字機字體 |
<tt>輸入字</tt> |
我是打字機字體 |
把字體顯示成打字機使用字體 |
上標字 |
<sup>輸入字</sup> |
我是上標字 |
把字體顯示成上標字 |
下標字 |
<sub>輸入字</sub> |
我是下標字 |
把字體顯示成下標字 |
水平線 |
<hr color="#??????"> |
我是水平線 |
"#??????"=RGB |
換行輸入 |
<br> 或 <p> |
行<br>的效果
|
<br> 為行 <p> 為段落 |
顯示Email地址 |
<ADDRESS>E-mail地址</ADDRESS> |
用來顯示Email地址 |
|
超連結 |
<a href="連結網址">連結地名稱</a> |
可連結到其他地方 |
|
另開視窗連結 |
<a href="連結網址" target=_blank>連結地名稱</a> |
可另開啟新視窗連結 |
|
信箱連結 |
<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> |
|||
<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"> |
|||
<IMG SRC="圖片網址"ALIGN=TOP>文字在右上 |
|||
<IMG SRC="圖片網址"ALIGN=BOTTOM>文字在右下 |
|||
<IMG SRC="圖片網址"ALIGN=MIDDLE>文字在中間 |
|||
<IMG SRC="圖片網址"HSPACE="15">文字離圖 |
原資料出處: BabyHome
留言列表