HTML基本語法教學
   

此區主要是提供大家複製常用的語法來使用,不熟析之初學者修改語法時,建議別對語法做大幅度的修改,以免造成不必要的錯誤產生。

HTML基本語法教學(1)

使用效果

使用語法

範例

註解

語法註解

<! - -某某語法開始 - ->

<! - -背景語法開始 - ->

可使語法清楚明瞭

字體大小

<font size="?">輸入字</font>

我是size=3

?=1~7 (字體大小尺寸)
(1最小,7最大)

字體顏色

<font color="#??????">輸入字</font>

我是#0000ff

"#??????"=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>

xyz@qqq.com.tw

用來顯示Email地址

超連結

<a href="連結網址">連結地名稱</a>

Lawa.遊樂園~黑洞

可連結到其他地方

另開視窗連結

<a href="連結網址" target=_blank>連結地名稱</a>

Lawa.遊樂園~黑洞

可另開啟新視窗連結

信箱連結

<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">文字離圖




原資料出處: BabyHome

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 lawa516 的頭像
    lawa516

    @ 黑洞

    lawa516 發表在 痞客邦 留言(0) 人氣()