HTML速成法
| |
| | | |
一、改變文字的大小和顏色 | 六、音樂語法 |
二、粗斜體的變化 | 七、超連結語法 |
三、字的對齊 | 八、跑馬燈語法 |
四、關於段落 | 九、表格語法 |
五、插入圖片 | 十、特別一點的語法 |
| |
| 改變文字的大小和顏色: 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> 你好歡迎來到多多ㄉ家 |
例如: <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="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"> <> >
<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> 多多是帥哥 |
|
引用: http://www.eight-dollars.net/HTML.htm
deskwoodss 發表在 痞客邦 留言(0) 人氣()
留言列表