| 一個網頁從到尾都是一樣大小、顏色、字型的文字，遜斃囉！版豬告訴你如何改變字型大小、顏色、字型。 |
| 宣告標籤 | |
| 標籤語法 | 顯示結果 |
| <h1>我們都是天才</h1> | 我們都是天才 |
| <h2>我們都是天才</h2> | 我們都是天才 |
| <h3>我們都是天才</h3> | 我們都是天才 |
| <h4>我們都是天才</h4> | 我們都是天才 |
| <h5>我們都是天才</h5> | 我們都是天才 |
| <h6>我們都是天才</h6> | 我們都是天才 |
| 字型大小 | |
| 標籤語法 | 顯示結果 |
| <FONT SIZE="1">我們都是天才</FONT> | 我們都是天才 |
| <FONT SIZE="2">我們都是天才</FONT> | 我們都是天才 |
| <FONT SIZE="3">我們都是天才</FONT> | 我們都是天才 |
| <FONT SIZE="4">我們都是天才</FONT> | 我們都是天才 |
| <FONT SIZE="5">我們都是天才</FONT> | 我們都是天才 |
| <FONT SIZE="6">我們都是天才</FONT> | 我們都是天才 |
| <FONT SIZE="7">我們都是天才</FONT> | 我們都是天才 |
| 文字顏色 | |
| 標籤語法 | 顯示結果 |
| <FONT COLOR="#FF0000">我們都是天才</FONT> | 我們都是天才 |
| <FONT COLOR="#00FF00">我們都是天才</FONT> | 我們都是天才 |
| <FONT COLOR="#0000FF">我們都是天才</FONT> | 我們都是天才 |
| <FONT COLOR="RED">我們都是天才</FONT> | 我們都是天才 |
| <FONT COLOR="BLUE">我們都是天才</FONT> | 我們都是天才 |
| <FONT COLOR="YELLOW">我們都是天才</FONT> | 我們都是天才 |
| 除了使用顏色碼以外，顏色上可以使用字典中的顏色文字(要瀏覽器懂得才可以)，例如GREEN(綠色)、YELLOW(黃色)、AQUA(水藍色)、RED(紅色).... | |
| 文字字型 | |
| 標籤語法 | 顯示結果 |
| <font face="標楷體">我們都是天才</FONT> | 我們都是天才 |
| <font face="新細明體">我們都是天才</FONT> | 我們都是天才 |
| <font face="全真浪漫體,超研澤海報體">我們都是天才</FONT> | 我們都是天才 |
| 如果對方電腦中沒有你設定的字型，電腦會以細明體顯示，如果設定兩種以上的字型，足瀏覽器會先讀取前面的字型，如果沒有才會讀下一個字型。 | |
| FONT的宣示可以結合起來用，例如<FONT SIZE="6" COLOR="red" FACE="標楷體">我們都是天才</font>顯示出來的結果就是我們都是天才。不過只要宣示過一次FONT，文件結束一定要補上</FONT>，要不然後面的文件會亂掉喔。 | |
| 文字格式 | |
| 標籤語法 | 顯示結果 |
| <B>粗體</B> | 粗體 |
| <I>斜體</I> | 斜體 |
| <U>底線</U> | 底線 |
| <SUP>上標</SUP> | 上標 |
| <SUB>下標</SUB> | 下標 |
| <TT>打字機</TT> | 打字機 |
| <BLINK>閃爍</BLINK>（IE沒效果） | |
| <EM>強調</EM> | 強調 |
| <STRONG>加強</STRONG> | 加強 |
| <SAMP>範例</SAMP> | 範例 |
| <CODE>原始碼</CODE> | 原始碼 |
| <VAR>變數</VAR> | 變數 |
| <DFN>定義</DFN> | 定義 |
| <CITE>引用</CITE> | 引用 |
| <ADDRESS>所在地址</ADDRESS> | 所在地址 |
| 特殊符號 | |
| | 空白一格。在網頁中除非插入 這符號，否則字與字之間的距離會有限制。 |
| & | & |
| " | " |
| < | < |
| > | > |
| © | © |
| 文字展示-要用IE5.0才看的到效果喔。 | |
這個可以用來展示文字喔？
<div id="fade" style="width:350px; text-align:center;"></div> <script type="text/javascript"><!-- function fadetext() { fade.style.filter="alpha(opacity="+x+", style=0)"; x=((y<50)?x+4:x-4); y+=2; if(y==100) { z=((z>=texts.length-1)?1:z+1); y=0; fade.innerHTML=texts[z]; fade.style.color=tcolor[z]; } setTimeout("fadetext();", 10); } var texts=new Array(3), tcolor=new Array(3), x=0, y=0, z=1; texts[1]="第一句展示文字"; texts[2]="第二句展示文字"; texts[3]="第三句展示文字"; tcolor[1]="blue"; tcolor[2]="green"; tcolor[3]="RED"; fade.innerHTML=texts[z]; fade.style.color=tcolor[z]; window.onload=fadetext; //--></script> 複製→貼上就可以囉！ | |
沒有留言:
張貼留言