一、改變文字的大小和顏色 六、音樂語法
二、粗斜體的變化 七、超連結語法
三、字的對齊 八、跑馬燈語法
四、關於段落 九、表格語法
五、插入圖片 十、特別一點的語法

改變文字的大小和顏色

size=字體大小

color=顏色

face=字體                            font開頭就要/font結尾

改變文字大小:

<font size="輸入文字大小1~100">多多ㄉ家</font>

例如:

<font size="3"></font><font size="4"></font><font size="5"><font size="6"></font><font size="7"></font> <font size="6"></font><font size="5">多多ㄉ家</font>

 

多多ㄉ家

 

改變文字顏色:

<font color="輸入顏色碼或著英文也行">多多ㄉ家</font>

例如:

<font color="#FF0000"></font><font color="#FF7700"></font><font color="#FFFF00"></font><font color="#00FF00"></font><font color="#0000FF"></font><font color="#0077FF"></font><font color="#7700FF">多多ㄉ家</font>

 

多多ㄉ家

 

 

顏色選擇程式

改變文字字型:  

<font face="輸入字體">多多ㄉ家</font>

例如:

<font face="標楷體">你好歡迎來到多多ㄉ家</font>

 

你好歡迎來到多多ㄉ家

 

PS:如果你設ㄉ字體比較特別,但瀏覽者ㄉ電腦中並沒有這些字體,而只會以他們瀏覽器所設定ㄉ字體顯示。

例如:

<font size="6" face="標楷體" color="#6600CC">你好歡迎來到多多ㄉ家</font>

 

你好歡迎來到多多ㄉ家

 

粗斜體的變化:

<b>粗體</b>

<u>底線</u>

<s>中線</s>  

例如:

<font size="2"><b>多多ㄉ家</b></font>

多多ㄉ家

例如:

<font size="2"><u>多多ㄉ家</u></font>

多多ㄉ家

例如:

<font size="2"><s>多多ㄉ家</s></font>

多多ㄉ家

 

字的對齊 :

left=左邊

center=置中

right=右邊

例如:

<p align="left">

<p align="center">

<p align="right">

 

關於段落:

換行<br>...</br>

分段<p>....</p>

若是在文字之間想要換行就在要換行的地方加上<br>就行了結尾</br>

當你想要段落的話加上<p>就可以ㄌ結尾</p>

 

插入圖片 :

<img src="圖片位址">

插入圖片

<img src="圖片在網路的網址">

在你所要的圖上按滑鼠右鍵->選"內容"就可以看到圖片的網路位址。

例如:

<img src="http://202.39.41.138/images/pink/pink4.gif">

 

 

設定圖片的寬度&高度:

<img src="圖片位址" border="輸入0(無框)或1(有框)"width="數字"height="數字">

例如:

<img src="http://202.39.41.138/images/pink/pink4.gif" border="0" width="193" height="64">

例如:

<img src="http://202.39.41.138/images/pink/pink4.gif" border="1" width="193" height="64">

 

圖片內容之文字:

<img src="圖片位址" alt="你要打的文字......">

例如:

<img src="http://202.39.41.138/images/pink/pink5.gif" alt="HI!我是頑皮豹!" width="76" height="98">

HI!我是頑皮豹!

 

音樂語法:

<EMBED SRC=路徑/聲音檔名>音樂檔通常都以midi檔為主
<EMBED width=寬度>
可調整出現面板位址的橫向軸,用數字表示
<EMBED height=高度>
可調整出現面位址板的橫向軸,用數字表示
<EMBED autostart=true/flase>是否隱藏面板程式,true(隱藏)/flase(顯示)
<EMBED loop=ture/flase>是否重覆播放,true(無限)/flase(迴轉一次)

例如:

<embed src="http://202.39.41.138/midi/愛你一萬年.mid" width="68" height="25" type="audio/midi">

 

超連結語法

<a href="連結位置......">顯示連結名稱</a>

連結網站:<a href="網址">取名</a>

例如:

<a href="http://202.39.41.138/">多多ㄉ家</a>

 

多多ㄉ家

 

連結E-mail:<a href="mailto:輸入E-mail">取名</a>

例如:

<a href="mailto:cucu.chen@msa.hinet.net">多多ㄉE-Mail</a>

 

多多ㄉE-Mail

 

在新視窗開啟網頁:

語法target="_blank(不同視窗)/_self(相同視窗)

例如:

<a href="http://202.39.41.138/" target="_blank(不同視窗)/_self(相同視窗)">多多ㄉ家</a>

 

多多ㄉ家

 

 

跑馬燈語法

<MARQUEE>跑馬燈文字</MARQUEE>

<MARQUEE ALIGN=方向>對齊跑馬燈的方向
<MARQUEE BEHAVIOR=scroll or slide(幻燈片方式)/alternate(左右來回彈跳方式)>跑馬燈跑的方式
<MARQUEE BGCOLOR=顏色>顯示跑馬燈的背景顏色
<MARQUEE DIRECTION="right/left">跑馬燈跑的方向
<MARQUEE HEIGHT=高度>跑馬燈的高度,用數字來表示
<MARQUEE WIDTH=寬度>跑馬燈的寬度,用數字來表示
<MARQUEE LOOP=數字>跑馬燈執行次數,不打此參數電腦判斷為無限次
<MARQUEE SCROLLAMOUNT=數字>文字每次更新畫面時的位移距離
<MARQUEE SCORLLDELEY=數字>每次更新畫面之間的暫停時間

例如:

<marquee>多多是帥哥</marquee>
多多是帥哥

例如:

<marquee behavior="slide">多多是帥哥</marquee>

多多是帥哥

例如:

<marquee scrollamount="50">多多是帥哥</marquee>

多多是帥哥

例如:

<marquee behavior="alternate">多多是帥哥</marquee> 多多是帥哥

例如:

<marquee behavior="slide" align="middle" width="200" height="5">多多是帥哥</marquee>

多多是帥哥

例如:

<marquee behavior="slide" align="middle" bgcolor="#9966FF">多多是帥哥</marquee>

多多是帥哥

例如:

<marquee align="middle" direction="right" scrollamount="7" scrolldelay="50" style="color: #0066FF; font-family: 標楷體; font-size: 24pt">多多是帥哥</marquee>

多多是帥哥

 

表格語法

<TR><TD>表格內容</TD></TR>

<TABLE BORDER=寬度>外框線寬度設定
<TABLE CELLPADDING=欄位留空>設定表格中的圖文和框線之間的距離
<T
ABLE WIDTH=寬度>表格總寬度設定,用數字來表示
<TABLE HEIGHT=高度>表格總高度設定,用數字來表示

例如:

<td width="50%">哈哈</td><td width="50%">鳴鳴</td>

哈哈

鳴鳴

例如:

<td width="100%" bgcolor="#CCCCFF">輸入文字</td>

輸入文字

例如:

<td width="100%" bordercolorlight="#0000FF" bordercolordark="#FF00FF"> </td>

 

例如:

<table border="1" width="100%" bordercolorlight="#0000C0" bordercolordark="#6600CC">

 

例如:

<table border="3" width="100%" bordercolor="#0000FF">

 

例如:

<table border="3" width="100%" bordercolor="#0000FF" bordercolorlight="#6600CC"><tr><td width="100%"></td>

 

<例如:

table border="3" width="100%" bordercolor="#6600CC"><tr><td width="100%" bordercolor="#0000FF"> </td></tr>

 

例如:

<table border="0" width="100%"><tr><td width="100%" style="border-style: dashed" bordercolor="#0000FF"></td>

 

特別的語法:

變色字的顏色:

例如:

<font face="標楷體"><font onmouseover="this.style.color = '#0080FF';"onmouseout="this.style.color = '#7D26CD';" style="color:#0080FF">多多是帥哥</fotn>

(在粉紅色顏色加以改變就會成了另一種的變色,把他複製將粉紅顏色自行改變)

 

多多是帥哥

 

陰影斜體字體:

例如:

<center> <font face="標楷體"><font color=ffffff size=20><div style=width:600;filter:shadow(color=#0080FF)><font style ="font-size =30pt">多多是帥哥</font>
</div></font></center>

(只要在把粉紅色顏色加以改變就會變成不一樣的顏色花樣吧)

 

多多是帥哥

 

背景色彩字體:

例如:

<font face="標楷體" color=ffffff><font style=width:100%;filter:glow(color=#f4506d,strength=5);font-size:40>多多是帥哥</font>

(只要在把粉紅色顏色加以改變就會變成不一樣的顏色花樣吧)

多多是帥哥

 

遊動另一種顯示:

例如:

<marquee> <font style=background:url(http://202.39.41.138/images/star.gif)><font size=5 color=#0099ff font face=標楷體>多多是帥哥</font></b></font></marquee>

(只要把粉紅色顏色加以改變就行啦,至於那個gif那是一個網路上的背景圖,你可以把那個改為別的也行就有不同的樣試的顯示)

  多多是帥哥

 

回首頁